BasKaro
Empowering Indians

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.
In short, it's the beautiful, sturdy container that holds everything else.

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. ❓
Think of it as the friendly lobby of our clubhouse, directing you to all the most important rooms.

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.
It's the high-tech lock on the door to the moderator's office.

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. 📈
Think of it as the sign outside a flight simulator that reads, "Step Inside to Become a Pilot!"

BasKaro Flag

Code is Our Chariot

Understanding how our tools are built is part of our shared mission for transparency and empowerment.