🎓 EduRoute – Personalized Learning Path Recommender

🧩 Team Hackathon Project — Built within a strict time frame

EduRoute is a smart career guidance platform that helps students and professionals discover personalized learning paths based on their interests, experience, and goals.

This repository contains the frontend implementation I developed as part of a timed Hackathon team project, in collaboration with developers, data scientists, and AI engineers.

🌟 Key Features (Frontend)

• 🧠 Smart Multi-Step Quiz
  • Interactive assessment flow capturing user interests, experience level, learning goals, and preferred learning methods.
  • Dynamic, state-driven navigation with real-time validation and smooth transitions.

💻 My Role & Contributions

• Delivered a responsive, multi-step quiz app using vanilla JavaScript, HTML, and CSS, handling all frontend logic and UX flows for gathering user inputs.
• Implemented dynamic question progression, choice selection (including multi-select for programming languages), and data collection for each step.
• Enabled seamless forward/back navigation, live input validation, and final submission control to ensure full user responses.
• Applied user-centered design principles to ensure intuitive interaction and clear visual feedback.
• Collaborated closely with design teammates—integrating API calls to persist user selections and aligning frontend output to project requirements.

🚀 Tech Stack

• Frontend: Vanilla JS, HTML5, CSS3 (SCSS-free), Bootstrap 5
• Communication: fetch API for POSTing data, centralized data object for state management
• Styling: Custom CSS with responsive design and accessible form patterns

🎯 Project Context

This project was completed during a Hackathon under the Palestine Launchpad with Google program in partnership with Stichting SPARK, Udacity, and GGateway.

The goal: Build an MVP web app that intelligently recommends tech learning paths, powered by a fine-tuned Qwen 2.5 AI model, and supported by an intuitive user interface.

🧭 How to Run Locally

git clone https://github.com/Raghad-Sharaf/personalized-learning-path-recommender.git
cd personalized-learning-path-recommender

🙌 Acknowledgment

Proud to have contributed to this solution alongside an amazing team, delivering under tight deadlines and pushing boundaries with creativity, collaboration, and code.