# Climate Uganda (Next.js App Router)
A beginner-friendly climate change education site focused on Uganda. Built with Next.js (App Router), Tailwind CSS, and local JSON data (no external APIs). The site is deployable on Vercel.
## Folder structure
```
.
├── app
│ ├── actions
│ │ └── page.tsx
│ ├── about
│ │ └── page.tsx
│ ├── components
│ │ ├── Footer.tsx
│ │ └── Navbar.tsx
│ ├── lib
│ │ └── types.ts
│ ├── quiz
│ │ └── page.tsx
│ ├── topics
│ │ ├── [slug]
│ │ │ └── page.tsx
│ │ └── page.tsx
│ ├── globals.css
│ ├── layout.tsx
│ └── page.tsx
├── data
│ ├── quiz.json
│ └── topics.json
├── next-env.d.ts
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.ts
└── tsconfig.json
```
## Local development
# Climate Uganda Classroom + Community Platform
A beginner-friendly climate change education hub for Uganda, now upgraded with a community layer (login, clubs, posts, reports, and admin moderation). Built with Next.js (App Router), Tailwind CSS, Supabase Postgres, Prisma ORM, and NextAuth credentials authentication.
## Features
### Education (existing)
- Home, Topics, Topic detail pages
- 15-question quiz with explanations
- Actions tracker stored in localStorage
- About page
### Community (new)
- Login & registration
- User profiles with region and district
- Community feed (Twitter-like) with posts, comments, and reposts
- Environmental clubs with join/leave
- Report-a-problem workflow with admin review
- Admin moderation basics (delete posts/comments, update report status)
---
## Local Development
```bash
npm install
npm run dev
```
Then open `
localhost`.
## Build for production
```bash
npm run build
npm run start
```
## Deploy to Vercel (via GitHub)
1. Create a GitHub repository and push this project:
```bash
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin
github.com / .git
git push -u origin main
```
2. Go …