Beemun1697/techwithbeemun

Tech With Bee Mun is a front-end educational website that helps people in Zimbabwe learn practical tech skills. It features simple tutorials on web design, basic networking, Starlink setup, graphic design, and internet troubleshooting. # 🚀 QUICK START GUIDE - Your Website Files ## 📁 YOUR PROJECT STRUCTURE ``` Tech With Bee Mun/ ├── index.html (🏠 HOMEPAGE - Main page) ├── admin.html (📊 NEW - Admin Dashboard) ├── router.html (📖 Course #1) ├── networking.html (📖 Course #2) ├── webdesign.html (📖 Course #3) ├── canva.html (📖 Course #4) ├── troubleshooting.html (📖 Course #5) ├── style.css (🎨 Styling - All colors & design) ├── script.js (⚙️ JavaScript - All functionality) ├── FEATURES_GUIDE.md (📚 This detailed guide) └── README.md (This file - Quick Overview) ``` --- ## 🎯 WHAT YOU HAVE NOW A complete **fully-functional website** with: ### 🏠 **Homepage** (index.html) - Hero section with background image - Course cards (5 courses) - About section - FAQ section - **NEW:** Announcements section - **NEW:** Testimonials submission form - **NEW:** WhatsApp chat button - Contact form - Newsletter signup - Footer with links ### 📚 **5 Complete Courses** (course HTML files) Each course includes: - Course introduction - 10+ lessons in expandable sections - Quiz with instant feedback - Certificate generation - Progress tracking ### 📊 **Admin Dashboard** (admin.html) - NEW! - Password-protected access - 4 data management tabs: - Messages (from contact form) - Subscribers (newsletter emails) - Testimonials (student reviews) - Analytics (course completions) - Export to CSV - Delete unwanted entries ### ⚙️ **Backend Logic** (script.js) - Form handling & validation - Course progress tracking - Dark mode toggle - Search functionality - **NEW:** Announcements system - **NEW:** Testimonials capture ### 🎨 **Professional Styling** (style.css) - Responsive design (works on mobile, tablet, desktop) - Dark mode support - Modern color scheme - Hover effects and animations - **NEW:** Testimonial form sty …