Clonalingo

A gamified Git learning platform with interactive lessons, daily streaks, hearts system, and AI-powered tutoring.

Features

• 100+ interactive Git lessons
• Hearts-based life system with review mode
• Daily streaks and quests
• XP, gems, and leaderboard
• AI tutor chat (Dolly)
• Dark/light mode
• Progress tracking
• Custom lesson generation

Tech Stack

• React + TypeScript
• Vite
• Tailwind CSS
• Supabase (backend)
• Cloudflare Pages (hosting)

Local Development

npm install
npm run dev

Deployment (Cloudflare Pages)

1. Push code to GitHub
2. Go to dash.cloudflare.com → Pages
3. Click "Create a project" → "Connect to Git"
4. Select your repository
5. Build settings:
   • Framework preset: Vite
   • Build command: npm run build
   • Build output directory: dist
6. Add environment variables:
   • VITE_SUPABASE_URL
   • VITE_SUPABASE_ANON_KEY
7. Click "Save and Deploy"

Your site will be live at https://your-project.pages.dev