lewismusengo19-crypto/cybersecurity-awareness-and-education-platform

An educational platform for both English language and Bemba language # Cybersecurity Awareness and Education Platform (Zambia) Welcome to the **Zambian Cybersecurity Awareness and Education Platform**—a production-ready, highly secure, full-stack bimodal education system. This platform is designed to educate Zambian citizens on cybersecurity best practices, specializing in native **Bemba (Ichibemba)** and **English** instruction. It focuses heavily on preventing common local social engineering schemes like Mobile Money (MoMo) scams and social media hijackings. --- ## 1. FULL FOLDER STRUCTURE ```text / ├── .env.example # Environment variables blueprint ├── .gitignore # Git untracked path rules ├── README.md # Full system documentation (this file) ├── firebase-applet-config.json # Auto-provisioned Firebase credentials ├── firestore.rules # Secure, role-based Firestore security rules ├── index.html # Standard Single Page Application entrypoint ├── metadata.json # Platform configuration metadata ├── package.json # Project dependencies and deployment scripts ├── server.ts # Express.js back-end with Gemini API & Multer ├── tsconfig.json # TypeScript compiler configurations ├── vite.config.ts # Vite server & asset compiler configurations └── src/ ├── App.tsx # Main application root & layout coordinator ├── firebase.ts # Client-side Firebase SDK configuration ├── index.css # Global Tailwind CSS imports & theme configurations ├── main.tsx # Client-side React 19 entrypoint ├── sampleData.ts # Pre-loaded English & Bemba educational content ├── types.ts # TypeScript types & role interfaces └── components/ ├── Navbar.tsx # Accessible header with login, sizing, and contrast toggles ├── HomeSection.tsx # Homepage featuring stats, alerts, and daily tip generator ├── LearnSection.tsx # Secure video p …