Back to themes

ASTRObash

A terminal-like web application built with Astro, React, and Tailwind CSS that simulates a Linux environment, allowing users to navigate directories, interact with files, and view images in modals.


Frameworks and Libraries:

  • Built with Astro, which serves as the main framework for static site generation and fast builds.
  • React is used for creating interactive components, particularly for handling commands and modals.
  • Styled using Tailwind CSS for a clean, responsive, and modern design.

Features:

Simulates a Linux terminal where users can execute common commands like:

  • ls: List directory contents.
  • pwd: Display the current directory path.
  • cat: View file content.
  • open-image: Open and view images in a modal.
  • more commands in help

Supports directory navigation and dynamic file path handling.

Displays responses to commands in an interactive and user-friendly interface.

User Interaction:

  • Users can type commands into a terminal-style input field.
  • The application responds with outputs in a terminal-like format.
  • The open-image command triggers a modal displaying images stored in the directory.

This project combines the power of Astro, React, and Tailwind CSS to deliver an engaging, terminal-like experience that’s both functional and visually appealing.