https://github.com/aiwebarchitects/melody-maker
Melody Maker is a fun, interactive web application that allows you to create melodies right in your browser. With an intuitive grid interface and simple controls, you can compose tunes quickly and easily.
https://github.com/aiwebarchitects/melody-maker
browser-app melody melody-generation music
Last synced: 3 months ago
JSON representation
Melody Maker is a fun, interactive web application that allows you to create melodies right in your browser. With an intuitive grid interface and simple controls, you can compose tunes quickly and easily.
- Host: GitHub
- URL: https://github.com/aiwebarchitects/melody-maker
- Owner: aiwebarchitects
- License: mit
- Created: 2024-09-11T20:16:57.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-13T09:47:52.000Z (almost 2 years ago)
- Last Synced: 2025-12-28T21:53:32.293Z (6 months ago)
- Topics: browser-app, melody, melody-generation, music
- Language: HTML
- Homepage: https://rhythmic-address-limited.on-fleek.app/
- Size: 81.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Melody Maker

Melody Maker is a fun, interactive web application that allows you to create melodies right in your browser. With an intuitive grid interface and simple controls, you can compose tunes quickly and easily.
## Features
- Interactive grid for placing notes
- Two instrument options: Piano and Pluck
- Adjustable tempo
- Play and restart controls
- Responsive design for desktop and mobile use
## Demo
Try out Melody Maker here: [Live Demo](https://rhythmic-address-limited.on-fleek.app/)
## How to Use
1. Click on the grid to place notes
2. Use the instrument selector to choose between Piano and Pluck sounds
3. Adjust the tempo using the slider
4. Hit the play button to hear your melody
5. Use the restart button to clear the grid and start over
## Technologies Used
- HTML5
- CSS3
- JavaScript
## Installation
To run Melody Maker locally:
1. Clone this repository
2. Open `index.html` in your browser
## License
This project is open source and available under the [MIT License](LICENSE).