BootBeats
This is the repository for the Boot.dev hackathon
Install / Use
/learn @riessss/BootBeatsREADME
🎵 BootBeats
Welcome to BootBeats, the place where you can relax and take a break from coding. I will guide you trough making some relaxing music so that you can take the most out of your break. The application has a clear UI and stores your song, for if you want to take a full day away from your computer.
🖥️ Instructions and Preview
- First create an account on the register page
- After that login to go to your song page
- To add notes write the notes in the text with a ', ' in between
- If you want to skip a note write a '-' in between the commas
- If you want to save the notes add the save notes button
- You can add or delete a new intrument and repeat this process again.
- And lastly don't forget to enjoy your music! <img width="1904" height="890" alt="image" src="https://github.com/user-attachments/assets/c12f7980-bd36-4f22-9d36-d163b4a210ee" />
🚀 Quick-start
Install uv (If not done yet)
curl -Ls https://astral.sh/uv/install.sh | sh
# Or
pip install uv
1. Clone repository:
Go to the folder you want the new project to be in and:
git clone https://github.com/riessss/BootBeats.git
cd BootBeats
2. Create virtual environment and install dependencies:
uv venv
source .venv/bin/activate # or .venv\Scripts\activate on Windows
uv sync
3. Run the app
uv run main.py
🛠 Tech Stack
- Flask – Backend web framework
- SQLAlchemy – ORM for database interaction
- Tailwind CSS – Utility-first CSS framework
- Tone.js – Web audio library for music synthesis
Related Skills
node-connect
346.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
346.8kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
346.8kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
