AI-powered music creation platform for African artists. Create beats, mixes, and artwork with zero budget.
# WrattyStudio 🎵🎨
AI-powered music creation and artwork generation platform built for African artists.
## ✨ Features
- **🎵 AI Music Generation** - Create beats with Hugging Face MusicGen
- **🎨 AI Artwork Generator** - Generate album covers with Pollinations.ai
- **🎚️ Mix & Master Suite** - Professional audio processing
- **💳 Payment Integration** - Paystack/Flutterwave for African markets
- **👥 Multi-tier System** - Free & Pro tiers with monthly credits
- **📱 Responsive Design** - Beautiful UI with Tailwind CSS & Framer Motion
- **🔐 Secure Auth** - Supabase authentication with social login
- **📊 Project Management** - Save, organize, and manage all creations
## 🚀 Quick Start
### Prerequisites
- Node.js 18+
- Supabase account
- Hugging Face API token
- Paystack account (for payments)
### Installation
```bash
# Clone repository
git clone
github.com
cd wratty-studio
# Install dependencies
npm install
# Setup environment variables
cp .env.example .env.local
# Edit .env.local with your API keys
# Run development server
npm run dev
```
Open
localhost in your browser.
## 📁 Project Structure
```
src/
├── app/
│ ├── (auth)/ # Authentication pages
│ ├── (dashboard)/ # Dashboard layout & pages
│ └── api/ # API routes
├── components/
│ ├── layout/ # Sidebar, navbar
│ ├── ui/ # Reusable UI components
│ ├── suites/ # Creation suite components
│ └── shared/ # Shared components
├── hooks/ # Custom React hooks
├── lib/
│ ├── ai/ # AI API integrations
│ ├── payments/ # Payment processing
│ └── supabase/ # Supabase client & utilities
└── styles/ # Global styles
```
## 🛠️ Tech Stack
- **Frontend**: Next.js 14, React 18, TypeScript
- **Styling**: Tailwind CSS, Framer Motion
- **Database**: Supabase (PostgreSQL)
- **Auth**: Supabase Auth
- **AI**: Hugging Face MusicGen, Pollinations.ai
- **Payments**: Payst …