Bintu2611/GROUP-8-BSEM-1203-THE-PEN

Full Web Based Digital Solution(Sierra Leone) # ✏️ THE PEN — Platform for Education Nationwide > **Empowering Education in Sierra Leone** THE PEN is a free, multi-page EdTech web platform built to bridge the educational gap in Sierra Leone. It delivers syllabus-aligned digital learning resources — notes, assignment help, teacher support, and practice quizzes — to students, teachers, and parents across all 16 districts. The platform is designed mobile-first and optimised for low-bandwidth connections. --- ## 📋 Table of Contents - Overview - Pages & Features - Project Structure - Design System - JavaScript Interactions - External Integrations - Target Audience - Getting Started - Screenshots - Contact --- ## Overview | Detail | Info | |---|---| | **Project Name** | THE PEN | | **Full Name** | Platform for Education Nationwide | | **Tagline** | Empowering Education in Sierra Leone | | **Type** | Multi-page responsive web platform | | **Tech Stack** | Vanilla HTML5, CSS3, JavaScript (ES5+) | | **Dependencies** | None — no frameworks, no libraries, no build tools | | **Target Devices** | Mobile, tablet, desktop (responsive from 320px+) | --- ## Pages & Features The platform is made up of **8 pages**, each with its own dedicated HTML, CSS, and JS file. ### 1. 🌟 Splash Screen (`splash.html`) The animated entry point of the platform. - Displays the THE PEN logo with a bounce-in animation - Background image overlay with a dark gradient - Animated progress bar that fills over 3 seconds - Status labels cycle through: *"Loading…" → "Initialising resources…" → "Almost ready…" → "Welcome to THE PEN!"* - Fades out and auto-redirects to the Authentication page ### 2. 🔐 Authentication (`auth.html`) A single-card Sign In / Sign Up experience. - Tabbed interface — smoothly switches between Sign In and Sign Up panels - **Sign In:** Email, password, "Remember me" checkbox, "Forgot password?" link - **Sign Up:** First name, last name, email, role selector (Student / Teacher / Parent), password, confirm password, terms a …