Skip to content

A copy of a mubasic.net wesbite. I used it to try out the new framework - Astro

Notifications You must be signed in to change notification settings

adtimokhin/mubasic-clone

Repository files navigation

Astro Piano

Static Badge Static Badge

Preview Image

Overview

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.

Features

  • 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.

Demo

Check out the live demo: Astro Piano Demo

Installation

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/adtimokhin/astro-piano.git
  2. Install dependencies:

    npm install
  3. Start the development server:

  4. npm run dev

The application will be available at https://localhost:3000.

Usage

  1. Open the application in your web browser.
  2. Use your mouse to click on the piano keys.
  3. Alternatively, use the corresponding keys on your keyboard to play the notes.

Enjoy making music with Astro Piano!

Credits

License

This project is licensed under the MIT License.

About

A copy of a mubasic.net wesbite. I used it to try out the new framework - Astro

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published