Astro Piano is a web application that allows you to play a small piano using your mouse or keyboard keys. The project is developed using Astro, JavaScript, and Tailwind CSS. The design is inspired by Mubasic, bringing a sleek and modern piano-playing experience to the web.
- Play piano notes with your mouse or keyboard keys.
- Responsive design for an optimal experience on various devices.
- Utilizes Astro for efficient, static site generation.
- Stylish UI with Tailwind CSS.
Check out the live demo: Astro Piano Demo
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/adtimokhin/astro-piano.git
-
Install dependencies:
npm install
-
Start the development server:
-
npm run dev
The application will be available at https://localhost:3000
.
- Open the application in your web browser.
- Use your mouse to click on the piano keys.
- Alternatively, use the corresponding keys on your keyboard to play the notes.
Enjoy making music with Astro Piano!
- Design inspiration: Mubasic
- Astro: Astro
- Tailwind CSS: Tailwind CSS
This project is licensed under the MIT License.