CODEON Africa: Engineering Mastery Portal

CODEON is a professional-grade web learning platform designed to cultivate the next generation of software engineers across Africa. The platform focuses on the "Engineering Mindset" through interactive labs in C, Python, JavaScript, and GitHub workflows.

Core Features

• Comprehensive Curriculums: Structured lessons for HTML, CSS, JavaScript, Python, C, AI, and Internet Protocols.
• Integrated Engineering Lab: A built-in code editor providing real-time practice and instant solution validation.
• XP Progress Tracking: A gamified Experience Points (XP) system to monitor and reward student progress.
• GitHub Integration: Students can link real-world GitHub repositories to their solutions to earn bonus XP.
• Secure Certification Flow: Simulated PesaPal Africa payment integration for official diploma processing.
• Professional Diplomas: High-resolution, downloadable certificates with unique QR verification codes and digital signatures.
• Modern Interface: A high-performance, responsive UI built with 3D glassmorphism design principles.

Technical Stack

• Frontend: React 18 with TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion and Canvas Confetti
• Icons: Lucide React
• Certificate Engine: HTML2Canvas and QRCode.react
• Build Tool: Vite

Installation and Setup

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Local Development

1. Clone the repository:

   git clone https://github.com/your-username/codeon-africa.git
   cd codeon-africa

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

Project Structure

• src/components/: Reusable UI components, including the Certificate Engine.
• src/MasteryApp.tsx: Core application logic and XP calculation engine.
• src/App.tsx: Main course selection portal and entry point.
• src/*Data.ts: Course-specific lesson data (C, Python, JavaScript, etc.).
• src/index.css: Global styles and theme configuration.

Certification and Verification

Upon successful completion of a course, students are eligible for a Codeon Africa Diploma.

• Verification: Each certificate is issued with a unique CDN-XXXX verification code.
• Download: Certificates are generated as high-quality PNG files for professional use.
• Validation: A functional QR code is embedded to facilitate instant verification.

Contributing

Contributions from developers across the continent are welcome.

1. Fork the Project.
2. Create a Feature Branch (git checkout -b feature/NewFeature).
3. Commit your Changes (git commit -m 'Add NewFeature').
4. Push to the Branch (git push origin feature/NewFeature).
5. Open a Pull Request.

License

Distributed under the MIT License.

---

Codeon Digital Africa: Professional Engineering Division Live Site View CODEON Online