← Back to Projects

Project

Rate My Course

Rate My Course is a full-stack web application designed to help university students discover and evaluate courses based on peer reviews of difficulty, workload, and usefulness. Built collaboratively using React, Tailwind CSS, and Django, the platform supports user accounts, course search, and structured review submission with both desktop and mobile-friendly interfaces.

The project emphasized UI prototyping with Figma, iterative design improvements, and real-world challenges such as user state management, data persistence, and responsive design. Through this project, our team gained hands-on experience with full-stack development, collaborative workflows, and translating interactive prototypes into a functional web system.

Figma Mockups for Desktop Version

Swipe sideways to view early Figma mockups for the desktop version of Rate My Course!

Landing Page

Landing Page

Login Page

Login Page

Overall Course Reviews Page

Overall Course Reviews Page

Overall Reviews for a Course Page

Overall Reviews for a Course Page

Search Results Page

Search Results Page

Sign Up Page

Sign Up Page

User - Account Main Page

User - Account Main Page

User - Account Settings Password Page

User - Account Settings Password Page

User - Account Settings Rated Posts Page

User - Account Settings Rated Posts Page

User - Account Watched Posts Page

User - Account Watched Posts Page

Leave a Review Page

Leave a Review Page

Figma Mockups for Mobile Version

Swipe sideways to view early Figma mockups for the Mobile Version of Rate My Course!

Landing Page

Landing Page

Login Page

Login Page

Overall Course Reviews Page

Overall Course Reviews Page

Overall Reviews for a Course Page

Overall Reviews for a Course Page

Search Results Page

Search Results Page

Sign Up Page

Sign Up Page

User - Account Main Page

User - Account Main Page

User - Account Settings Password Page

User - Account Settings Password Page

User - Account Settings Rated Posts Page

User - Account Settings Rated Posts Page

User - Account Watched Posts Page

User - Account Watched Posts Page

Leave a Review Page

Leave a Review Page

Rate My Course - Walkthrough Video

Demo video walking you through the ins and outs of our Rate My Course Project!

Overview

The goal of this project was to design and prototype a web-based application that helps university students make more informed decisions when selecting courses by providing access to peer-generated reviews and ratings.

Students often struggle to determine which courses best fit their learning style, workload capacity, and academic goals. Rate My Course addresses this problem by allowing users to browse courses, view detailed feedback, and contribute their own reviews. The platform also includes user account management and an administrative moderation system to ensure content quality and accuracy.

The project focused on creating a clean, intuitive user experience across both desktop and mobile interfaces while demonstrating a complete end-to-end application flow from login and account management to course discovery and review submission.

Tech / Tools

  • Figma (UI/UX design & prototyping)
  • Responsive design (desktop & mobile layouts)
  • User flow modeling & wireframing
  • HTML / CSS (interface structure & styling)
  • JavaScript (planned application logic)
  • Accessibility & usability-focused design

Team

  • Haris Ahmad
  • Yianni Hontzias
  • Mohammed Allam
  • Kai Ho Chak
  • Anish Pokhrel
  • Haider Tawfik