About this project

This is a music production app (DAW) for children (elementary school and up) that can be used simply by opening a browser. Even without specialized knowledge, users can create original songs just by clicking or tracing grids to fill them with color. It is designed as a teaching material for programming education and club activities. Key features are as follows: - Intuitive Step Sequencer: Equipped with melody tracks (8 scales) and rhythm tracks (kick, snare, hi-hat), supporting trace input. - Audio Engine: Employs "Lookahead Scheduling," the same as commercial DAWs, to achieve precise rhythm playback in the browser. - Sound Settings: Four types of scales (Major, Minor, Ryukyu, Matsuri-bayashi) and seven types of instrument sounds (Piano, Music Box, 8-bit, Guitar, etc.) can be switched with a single button. It also includes effects such as delay and reverb. - AI One-Click Composition: Includes dedicated prompts for generative AI such as ChatGPT and Gemini. Songs are completed by loading JSON code generated by the AI. The app itself does not connect directly to generative AI; instead, users copy and paste text. - MP3 Export Function: Created songs can be downloaded as MP3 files with a specified number of loops. - Child-Friendly Design: All kanji include furigana (rubies). It features an interactive guide tour upon first launch and an auto-save function to the browser. - Fully Responsive: Operable on any screen size, including PCs, tablets, and smartphones. The technical stack uses React, Tailwind CSS, and Web Audio API, utilizing lamejs for MP3 export. It is designed as a standalone format that does not require external servers or databases and can be immediately deployed to GitHub Pages using build tools like Vite. Automatic deployment occurs upon pushing to the main branch. Regarding security design, it has no server and does not collect or transmit any personal information or access analytics. Composition data is stored only in the browser's localStorage. Note that libraries must be loaded from an external CDN (cdnjs.cloudflare.com) during MP3 output. Limitations include a maximum song length of 4 measures (64 steps), only one song can be saved at a time, and saving is limited to the local device/browser without cloud synchronization.