https://github.com/definitelyavi/moodcode-frontend
React frontend for MoodCode - AI-powered mood detection system that analyzes Git commits and generates personalized SoundCloud playlists
https://github.com/definitelyavi/moodcode-frontend
developer-tools frontend github-api javascript mood-detection oauth playlist-generation react responsive-design rest-api sentiment-analysis soundcloud-api tailwindcss vercel
Last synced: 25 days ago
JSON representation
React frontend for MoodCode - AI-powered mood detection system that analyzes Git commits and generates personalized SoundCloud playlists
- Host: GitHub
- URL: https://github.com/definitelyavi/moodcode-frontend
- Owner: definitelyavi
- Created: 2025-06-13T01:13:46.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-06-13T01:47:41.000Z (8 months ago)
- Last Synced: 2025-06-13T02:38:19.518Z (8 months ago)
- Topics: developer-tools, frontend, github-api, javascript, mood-detection, oauth, playlist-generation, react, responsive-design, rest-api, sentiment-analysis, soundcloud-api, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://moodcode-frontend.vercel.app
- Size: 209 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MoodCode Frontend
An intelligent mood detection system that analyzes Git commit patterns and generates personalized SoundCloud playlists to match your coding state.
**[Live Application](https://moodcode-frontend.vercel.app)** | **[Backend Repository](https://github.com/definitelyavi/moodcode-backend)**
## Features
- **Intelligent Mood Detection**: Analyzes commit messages, timestamps, and development patterns using custom sentiment analysis algorithms
- **SoundCloud Integration**: OAuth 2.0 authentication with playlist creation and curation
- **Real-time Analysis**: Processes recent commits to determine current coding mood
- **5 Mood Categories**: Frustrated, Excited, Satisfied, Tired, and Euphoric with corresponding music styles
- **Responsive Design**: Modern interface built with React and Tailwind CSS
## Tech Stack
- **Frontend**: React 18, React Router, Tailwind CSS
- **APIs**: GitHub REST API, SoundCloud API
- **Authentication**: OAuth 2.0 with PKCE flow
- **Deployment**: Vercel
## How It Works
1. **Repository Analysis**: Enter any GitHub repository URL for commit analysis
2. **Mood Detection**: Custom algorithms analyze commit sentiment, timing, and patterns
3. **Music Matching**: Maps detected mood to appropriate music genres and energy levels
4. **Playlist Generation**: Creates personalized SoundCloud playlists via authenticated API calls
## Architecture
The application features a clean component structure with custom hooks for SoundCloud integration, dedicated services for GitHub API communication, and sophisticated sentiment analysis algorithms that consider multiple factors including keyword analysis, temporal patterns, and message structure.
## Quick Start
```bash
git clone https://github.com/definitelyavi/moodcode-frontend.git
cd moodcode-frontend
npm install
npm start
```
Requires environment variables for API integration. See `.env.example` for configuration.
## Author
**Jashandeep Singh** [@definitelyavi](https://github.com/definitelyavi)
---
*Intelligent music curation for developers*