Skip to main content

DAGGH Quick Start Guide

Get up and running with DAGGH frontend development in minutes.

🚀 Prerequisites​

  • Node.js 18+ and pnpm
  • Git for version control
  • Supabase account for backend services
  • TMDB API key for movie data

📦 Installation​

1. Clone the Repository​

git clone https://github.com/your-org/daggh.git
cd daggh

2. Install Dependencies​

pnpm install

3. Environment Setup​

Create a .env.local file:

# Supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

# TMDB
NEXT_PUBLIC_TMDB_API_KEY=your_tmdb_api_key

# ML Service
NEXT_PUBLIC_ML_SERVICE_URL=http://localhost:8000

4. Start Development Server​

pnpm dev

Visit http://localhost:3000 to see the application.

🎯 First Steps​

1. Create User Account​

  • Navigate to the signup page
  • Create your account
  • Verify email if required

2. Set Preferences​

  • Rate some initial movies
  • Set genre preferences
  • Configure recommendation settings

3. Start Swiping​

  • Use the swipe interface
  • Rate movies you like/dislike
  • Build your preference profile

🛠️ Development Commands​

# Development server
pnpm dev

# Type checking
pnpm type-check

# Linting
pnpm lint

# Testing
pnpm test

# Build for production
pnpm build

📱 Testing the App​

Basic Functionality​

  • User registration works
  • Movie swiping is smooth
  • Recommendations load
  • Real-time sync functions

Advanced Features​

  • Group sessions work
  • Preferences save correctly
  • Search functions properly
  • Mobile experience is good

🔧 Common Issues​

Port already in use: Change port in package.json or kill existing process

Dependencies not installing: Clear cache with pnpm store prune

Supabase connection fails: Verify environment variables

TMDB API fails: Check API key validity

📚 Next Steps​

Need help? Check the troubleshooting guide or reach out to the team!