Playful single-page experience that turns study notes into AI-generated music mockups. Built with plain HTML/CSS/JS so you can preview directly in VS Code Live Preview—no build tooling required.
- Open the folder in VS Code.
- Install the Live Preview extension if you don’t have it yet.
- Right-click
index.html→ Show Preview (or use the command paletteLive Preview: Start Server). - Navigate with the top menu or hash links (#menu, #create, #save, #about).
Everything (saved tracks, profile preferences, concept chips) is stored in your browser’s localStorage, so refreshes keep your data.
- Hero menu with floating musical/book icons and quick CTA buttons.
- Create form with preset topics (plus an “Other” option), optional notes, concept chips, and a mock audio preview.
- Saved music library with play & delete controls, persisted in
localStorage. - About section detailing the AI concept, privacy stance, and the RUHACK 2025 creators (Louis Kuo & Tyler Smith).
- Responsive layout, lively gradient accents, keyboard-friendly navigation, and subtle hover animations.
Have fun composing your study soundtrack ⚡️🎧