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.