The Guts of the Machine
An "Explain Like I'm 5" tour of the key components that power the BasKaro platform.
Root Layout
src/app/layout.tsx
🎨 This is the master blueprint for the entire website! Imagine it's the main frame of a house. It decides the basic structure for EVERY single page. It says things like:
- "Every page must use this special font." ✒️
- "Every page gets a header at the top and a footer at the bottom." 🏠
- "We need our magic 'Who's Logged In?' bubble (`AuthProvider`) everywhere." ✨
- "Let's make sure our pop-up messages (`Toaster`) can show up anywhere." 🍞
- It also tells Google what our website's main title and icon should be for search results.
Homepage / Dashboard
src/app/page.tsx
🏠 This is the Grand Central Station of our website! It's the first thing most people see. Its job is to be the main hub that introduces everything.
- It has the welcome message that can switch between English and Hindi. 🌐
- It holds the 'Incident Reporting & Feed' component, which is the most important interactive part. 📝
- It includes the 'About Us' section with links to learn more. 👨👩👧👦
- It has the FAQ section for common questions. ❓
Login Page
src/app/login/page.tsx
🔑 This is the secret door just for our moderators (the grown-ups in charge).
- It has a special, fancy background that looks like a frosted glass window with the Indian flag colors. 🇮🇳
- It uses the `LoginForm` component to handle the actual typing of the email and password.
- It's super secure! If you're not a moderator, you can't get in.
Project Prahari (Introduction)
src/app/project-prahari/page.tsx
🛡️ This is the official entrance to our superhero training simulator, "Project Prahari"!
- Its main job is to put up the big welcome sign, explaining that this is a safe place to practice responding to hate. 📜
- It sets the stage and then brings out the main training equipment, the `ProjectPrahariClient` component.
- It also handles all the SEO, telling Google that this is an important educational game. 📈