DessyZeal/aria-learn

Nigeria's first gamified STEAM learning platform built for every child, rooted in African culture, powered by a Buy One Give One model. Built with Next.js, Supabase and Vercel. # Àrìa Learn — Typescript Application Nigeria's first gamified STEAM learning platform. **Stack:** Typescript · Supabase · Vercel ## What Is Inside ``` aria-learn/ ├── pages/ │ ├── index.js → Landing page with greeting slideshow │ ├── signup.js → Signup, login and success screens │ ├── dashboard.js → Student dashboard (requires login) │ ├── lesson.js → Code Quest Level 1 interactive lesson │ └── courses/ │ └── code-quest.js → Code Quest overview with all 10 levels ├── lib/ │ └── supabase.js → Supabase client ├── styles/ │ └── globals.css → Global styles and animations ├── supabase_setup.sql → Run this in Supabase to set up your database ├── .env.example → Copy to .env.local and fill in your keys └── README.md → This file ``` --- ## Setup — Step by Step ### Step 1 — Install Node.js Download and install Node.js from nodejs.org Choose the LTS version. This also installs npm. Verify it worked by opening your terminal and typing: ``` node --version npm --version ``` ### Step 2 — Install project dependencies Open a terminal in the aria-learn folder and run: ``` npm install ``` This installs Next.js, React, Supabase and all other packages. It may take 1-2 minutes. You will see a node_modules folder appear. ### Step 3 — Create your Supabase account and project 1. Go to supabase.com and click "Start your project" 2. Sign up with your email or GitHub 3. Click "New project" 4. Name it: aria-learn 5. Set a database password (save this somewhere safe) 6. Choose the closest region to Nigeria (Europe West is fine) 7. Wait 1-2 minutes for the project to be ready ### Step 4 — Set up your database 1. Inside your Supabase project, click "SQL Editor" in the left sidebar 2. Click "New query" 3. Open the file supabase_setup.sql from this project 4. Copy ALL the contents and paste into the SQL editor 5. Click "Run" 6. You should see "Success. No rows returned" ### Step 5 — Ge …