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 β¦