Inspiration

Our team was inspired by SDG 4: Quality Education for All. In many communities, students lack access to structured and engaging educational materials. We wanted to create a platform where students can learn anytime, for free — regardless of their background.

What it does

EduUz is a web-based educational platform that provides high school students with free video lessons in English. It includes:

  • Course pages with a structured lesson list
  • Progress tracking (stored in localStorage)
  • Interactive accordion for lesson content
  • Star-based rating system for each lesson
  • Profile page to view learning progress

How we built it

We built the frontend using:

  • React for component-based UI
  • TypeScript for type safety
  • Ant Design + Tailwind CSS for responsive UI
  • React Router DOM for routing
  • localStorage for persisting progress and ratings

Challenges we ran into

One of the main challenges was creating a system for tracking progress and ratings without a backend. We overcame this by using localStorage to keep user state persistent across sessions. Designing an intuitive user interface for all age groups was also a key focus.

Accomplishments that we're proud of

  • Clean UI with responsive design
  • Modular and scalable codebase
  • Fully working lesson tracking and rating system
  • Focused on accessibility and ease of use

What we learned

We learned how to:

  • Combine UI libraries like Ant Design with utility-first frameworks like Tailwind
  • Use React state and localStorage together effectively
  • Build an engaging educational interface with a progress-first mindset

What's next

We plan to:

  • Add backend with user authentication
  • Enable teachers to upload their own lessons
  • Add quizzes and certificates after course completion

Built With

Share this project:

Updates