Skip to content

Nsuccess/gitbeat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

10 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽต GitBeat

Your Code Has a Sound. Let's Hear It.

Ever wondered what your GitHub repository would sound like? GitBeat transforms code into music using AI - analyzing your repo's architecture, contributors, and development patterns to generate a unique beat that represents your project's vibe.

๐ŸŽง Try it Live | โญ Star this repo if you love it!


๐Ÿ”ฅ What Makes GitBeat Special?

GitBeat isn't just another GitHub stats tool - it's a creative AI experience that bridges code and music:

  • ๐Ÿค– Triple AI Power: Combines Dust.tt, Groq, and Suno AI for deep analysis and music generation
  • ๐ŸŽผ Unique Beats: Every repository gets its own custom song with vocals about the code
  • ๐Ÿ‘ฅ Contributor Roasts: AI-powered personality profiles (fun mode gets savage!)
  • ๐Ÿ† Community Leaderboard: Vote for your favorite beats and see what's trending
  • โšก Lightning Fast: Groq's Llama 3.3 70B delivers insights in 2-3 seconds

Built for the Zeabur Ship It Hackathon 2026 ๐Ÿš€

โœจ Features

๐ŸŽต Beats Generation

Transform any GitHub repo into a custom AI-generated song. The AI analyzes your code structure, tech stack, and development patterns, then creates music that captures your project's essence.

๐Ÿ“Š Repository Analysis

Get deep insights powered by Groq's Llama 3.3 70B:

  • Team Dynamics: How contributors work together
  • Project Health: Stars, forks, activity metrics
  • Contributor Personalities: AI-generated profiles (try "Fun" mode for hilarious roasts!)
  • Language Breakdown: Tech stack visualization

๐Ÿ† Interactive Leaderboard

  • Vote for your favorite beats
  • Real-time ranking animations
  • Play songs directly in the browser
  • View AI-generated lyrics for each track

๐ŸŽจ Beautiful UI

  • Responsive design (works on mobile!)
  • Smooth animations and transitions
  • Dark mode optimized
  • Built with Tailwind CSS v4 and shadcn/ui

๐Ÿ› ๏ธ Technology Stack

Frontend & API:

  • โšก Next.js 15 with React 19 & TypeScript
  • ๐ŸŽจ Tailwind CSS v4 + shadcn/ui components
  • ๐Ÿš€ Deployed on Zeabur (serverless)

Database & Storage:

  • ๐Ÿ—„๏ธ Supabase PostgreSQL (songs, votes, repos)
  • ๐Ÿ“ฆ Supabase Object Storage (audio files & lyrics)

AI Services:

  • ๐Ÿง  Dust.tt - Deep repository analysis with multi-step reasoning
  • โšก Groq (Llama 3.3 70B) - Lightning-fast contributor insights (2-3s response!)
  • ๐ŸŽต Suno AI - Professional music generation with vocals

Data Flow

User Input (GitHub URL)
    โ†“
Dust.tt AI Agent
    โ”œโ”€ Analyzes repository structure
    โ”œโ”€ Examines code patterns
    โ””โ”€ Generates comprehensive analysis
    โ†“
Suno AI
    โ”œโ”€ Receives analysis as lyrics
    โ”œโ”€ Generates music with vocals
    โ””โ”€ Returns audio URL
    โ†“
Supabase
    โ”œโ”€ Stores song metadata
    โ”œโ”€ Saves audio & lyrics to storage
    โ””โ”€ Tracks upvotes
    โ†“
Leaderboard (Real-time updates!)

Key Components

  • Polling System: Manages async music generation (checks status every 5s)
  • Rate Limiting: Cookie-based voting limits (300/hour)
  • Real-time Updates: Ranking animations on upvote changes
  • Smart Truncation: Summarizes long analyses for Suno's character limit

๐Ÿš€ Quick Start

Prerequisites

  • Node.js 18+ or Bun
  • API keys for: Supabase, Dust.tt, Suno AI, Groq

Installation

# Clone the repo
git clone https://github.com/Nsuccess/gitbeat.git
cd gitbeat/frontend

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env.local
# Add your API keys to .env.local

# Run database migrations
# Go to Supabase dashboard โ†’ SQL Editor
# Run the contents of supabase-schema.sql

# Start the dev server
npm run dev

Open https://gitbeat.zeabur.app/ and start generating beats! ๐ŸŽต

Environment Variables

# Supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_publishable_key
SUPABASE_SERVICE_ROLE_KEY=your_secret_key

# AI Services
DUST_API_KEY=your_dust_api_key
DUST_WORKSPACE_ID=your_workspace_id
SUNO_API_TOKEN=your_suno_token
GROQ_API_KEY=your_groq_api_key

๐ŸŽฎ How to Use

Generate a Beat

  1. Go to the "Beats" tab
  2. Paste any GitHub repo URL (e.g., https://github.com/facebook/react)
  3. Click "Analyze & Generate Beat"
  4. Wait ~2 minutes while AI works its magic:
    • ๐Ÿ” Dust.tt analyzes the repository
    • ๐ŸŽต Suno AI generates custom music
    • ๐Ÿ“ Lyrics are created from the analysis
  5. Your beat appears on the leaderboard - hit play! ๐ŸŽง

Analyze Contributors

  1. Switch to "Repository Analysis" tab
  2. Enter a GitHub repo URL
  3. Choose your vibe:
    • Professional: Serious insights and metrics
    • Fun: Hilarious roasts and savage commentary ๐Ÿ˜‚
  4. Get instant results in 2-3 seconds (thanks Groq!)

Vote & Discover

  • Browse the leaderboard to hear other repos' beats
  • Upvote your favorites (300 votes/hour limit)
  • Watch real-time ranking changes
  • Click "View Lyrics" to see the full AI analysis

๐ŸŽฏ API Endpoints

Music Generation

  • POST /api/suno/generate - Generate music from analysis
  • GET /api/suno/status/[taskId] - Check generation progress
  • POST /api/suno/callback - Webhook for completion

Repository Analysis

  • POST /api/dust/conversation - Deep repo analysis (Dust.tt)
  • POST /api/analyze-contributors - Contributor insights (Groq)

Songs & Voting

  • GET /api/songs - Fetch all songs with upvote counts
  • POST /api/songs/ai-generated - Save generated song
  • POST /api/songs/[id]/upvote - Upvote a song (rate limited)

๐Ÿ“ Project Structure

frontend/
โ”œโ”€โ”€ app/
โ”‚   โ”œโ”€โ”€ api/              # API routes (Next.js)
โ”‚   โ”‚   โ”œโ”€โ”€ dust/         # Dust.tt integration
โ”‚   โ”‚   โ”œโ”€โ”€ suno/         # Suno AI integration
โ”‚   โ”‚   โ”œโ”€โ”€ songs/        # Database operations
โ”‚   โ”‚   โ””โ”€โ”€ analyze-contributors/  # Groq integration
โ”‚   โ”œโ”€โ”€ globals.css       # Global styles
โ”‚   โ”œโ”€โ”€ layout.tsx        # Root layout
โ”‚   โ””โ”€โ”€ page.tsx          # Home page
โ”œโ”€โ”€ components/           # React components
โ”‚   โ”œโ”€โ”€ BeatsAnalysis.tsx
โ”‚   โ”œโ”€โ”€ Leaderboard.tsx
โ”‚   โ”œโ”€โ”€ RepositoryAnalysis.tsx
โ”‚   โ””โ”€โ”€ SongCard.tsx
โ”œโ”€โ”€ lib/
โ”‚   โ”œโ”€โ”€ hooks/            # Custom React hooks
โ”‚   โ”‚   โ””โ”€โ”€ useSunoPolling.ts
โ”‚   โ”œโ”€โ”€ supabase.ts       # Database client
โ”‚   โ””โ”€โ”€ github-analysis.ts
โ””โ”€โ”€ public/               # Static assets

๐Ÿค Contributing

We love contributions! Here's how you can help:

  1. ๐Ÿด Fork the repository
  2. ๐ŸŒฟ Create a feature branch (git checkout -b feature/amazing-feature)
  3. ๐Ÿ’ป Make your changes
  4. โœ… Test thoroughly
  5. ๐Ÿ“ Commit (git commit -m 'Add amazing feature')
  6. ๐Ÿš€ Push (git push origin feature/amazing-feature)
  7. ๐ŸŽ‰ Open a Pull Request

Ideas for contributions:

  • ๐ŸŽจ UI/UX improvements
  • ๐ŸŽต New music generation features
  • ๐Ÿ“Š Additional analysis metrics
  • ๐Ÿ› Bug fixes
  • ๐Ÿ“– Documentation improvements

๐Ÿ“œ License

This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿ™ Acknowledgments

  • Zeabur for hosting and the amazing hackathon
  • Dust.tt for powerful repository analysis
  • Groq for lightning-fast LLM inference
  • Suno AI for incredible music generation
  • Supabase for seamless database & storage
  • All the amazing open-source projects that made this possible!

๐Ÿ“ž Contact & Links


Made with โค๏ธ and AI for the Zeabur Ship It Hackathon 2026

โญ Star this repo if you love it! โญ

Report Bug ยท Request Feature

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors