From 46f9bebed2f86fe30d677c566e9967ab74d84269 Mon Sep 17 00:00:00 2001 From: Haren Daishika Date: Fri, 10 Oct 2025 17:48:37 +0530 Subject: [PATCH] add Rhythm Machine project documentation --- Projects/2-Intermediate/Rythem-machine.md | 47 +++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 Projects/2-Intermediate/Rythem-machine.md diff --git a/Projects/2-Intermediate/Rythem-machine.md b/Projects/2-Intermediate/Rythem-machine.md new file mode 100644 index 00000000..8b8b9340 --- /dev/null +++ b/Projects/2-Intermediate/Rythem-machine.md @@ -0,0 +1,47 @@ +# 🎵 Rhythm Machine +**Tier:** 2-Intermediate + +### Description +**Rhythm Machine** is an AI-powered drum beat generator and sequencer built with **HTML, TailwindCSS, and JavaScript**. +It allows users to create, play, and experiment with custom drum beats or automatically generate new rhythms using AI backends such as **OpenAI**, **Gemini**, **Claude**, **LM Studio**, or **GitHub Copilot**. + +The purpose of this app is to give music enthusiasts and learners an interactive way to create, understand, and explore rhythm patterns with or without AI assistance. + +--- + +### User Stories + +- User can **toggle steps** in a 16-step sequencer to build beats +- User can **adjust tempo** in real-time +- User can **select from genre presets** (Techno, Trap, Lo-Fi, etc.) +- User can **enter an API key** to connect with AI services +- User can **type a beat description** (e.g., “trap drums”) to auto-generate a rhythm +- User can **play, pause, and clear** the rhythm sequence +- User can **see the active beat step** during playback + +--- + +### Bonus Features + +- User can **switch between multiple AI backends** dynamically +- User can **use LM Studio locally** without an internet connection +- User can **visualize beat patterns** with animation +- User can **export rhythm settings** as JSON +- User can **see live tempo and beat indicators** + +--- + +### Useful Links & Resources + +- [Web Audio API Guide (MDN)](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API) +- [Tone.js Documentation](https://tonejs.github.io/) +- [TailwindCSS Documentation](https://tailwindcss.com/docs) +- [OpenAI API Docs](https://platform.openai.com/docs/api-reference) +- [Google Gemini API Docs](https://ai.google.dev/docs) +- [Anthropic Claude API Docs](https://docs.anthropic.com/) + +--- + +### Example Projects + +- [Drum Machine by freeCodeCamp](https://drum-machine.freecodecamp.rocks/)