Mentor – online education platform

Mentor is a modern online education platform designed to help learners master high-demand skills through expert-led courses, real-world projects, and continuous mentorship. Whether you're a beginner or career-switcher, Mentor guides you to become job-ready with self-paced, comprehensive content in Web Development, Digital Marketing, and Content Creation.

---

🌐 Demo (Live Preview)

🔗 Live Preview: https://ahmed-maher77.github.io/Mentor___online-education-platform/

---

💻 Used Technologies

• Frontend: HTML5, CSS3, JavaScript (Vanilla)
• UI & Animations: Bootstrap, Bootstrap Icons, AOS (Animate On Scroll), GLightbox, Swiper.js
• Backend (Forms): PHP (Contact & Newsletter Forms)
• Course Management: JavaScript (Dynamic Course CRUD via CourseManager)
• Version Control: Git
• Development Tools: Visual Studio Code, Chrome DevTools, Node.js, npm

---

✨ Key Features

• Dynamic Course Data: Centralized JS object with live updates, no page reloads.
• Modular Tabs: Courses structured by tabs (overview, curriculum, etc.) for flexibility.
• CRUD Operations: Create, Read, Update, Reset via CourseManager.
• Data-Presentation Separation: Data managed in course-data.js apart from HTML.
• Responsive Design: Bootstrap-based, mobile-first layout.
• Reusable Components: Feature/course cards, tabbed content, etc.
• Library Integrations: AOS (animations), GLightbox (modals), Swiper.js (sliders), Bootstrap Icons.
• Form Handling: PHP backend + JS validation.
• Progressive Enhancement: JS improves UX, graceful fallback without JS.
• Version Control Ready: Structured for Git workflows.
• Cloud Deployment Ready: Suitable for Heroku, Vercel, etc.
• Modern JavaScript: ES6+ syntax (arrow functions, let/const, templates).
• Global Access: CourseManager functions accessible app-wide.
• Graceful Error Handling: Skips missing elements without breaking.

---

🌐 Watch Video on LinkedIn

🎥 Watch Video Demo on LinkedIn: coming soon

---

👀 Website Preview

---

📥 Installation Instructions (Local Setup)

1. Clone the Repository

   git clone https://github.com/Ahmed-Maher77/Mentor___online-education-platform.git
   cd Mentor

2. Open in VS Code
   Use: code .
3. Live Server (Recommended)
   Install the Live Server extension in VS Code and run the site locally.
4. PHP Setup for Forms
   If testing forms locally, ensure you have PHP installed and run:

   php -S localhost:8000
   

   Open http://localhost:8000 in your browser.

---

📬 Contact & Contribution

Contributions, suggestions, and issues are welcome!

• 💼 Portfolio: https://ahmedmaher-portfolio.vercel.app/
• 🔗 LinkedIn: https://www.linkedin.com/in/ahmed-maher-algohary
• 📧 Email: ahmedmaher.dev1@gmail.com