QEDU - Campus

QEDU - Campus is a web application built with the MERN stack, designed to provide a seamless and engaging interface for users to explore, search, and book college facilities and services. This project enables general users to search for colleges, view detailed information, submit applications, and leave reviews for colleges.

Project Overview

This application allows users to:

1. Search for Colleges: Users can search for colleges by name and view college details.
2. Book College Facilities: Users can submit an admission application with personal details and see their application status.
3. View College Information: Colleges showcase information on admissions, events, research, and sports.
4. Leave and View Reviews: Users can add reviews for colleges they are interested in.
5. User Authentication: Sign-up and log-in with email/password, Google, and social media options, with a password reset feature.
6. Responsive Design: The application is fully responsive, optimized for desktops, tablets, and mobile phones.

Key Features

• Navigation Bar with essential links: ‘Home’, ‘Colleges’, ‘Admission’, and ‘My College’.

• Home Page with three main sections:

  • Search College: Allows users to search colleges by name.
  • College Showcase: Displays college details like admission dates, events, research, sports, and a ‘Details’ button.
  • College Gallery & Research Section: Contains an image gallery of graduates and links to research papers.
  • Review Section: Shows reviews and feedback about colleges.

• College Route: Users can explore all colleges, view information and ratings, and access a ‘Details’ button for in-depth information.

• Admission Route: Contains a form for users to apply for admission to colleges.

• My College Route: Displays the user’s chosen college details and a review submission option.

• User Profile Management:

  • Profile Route: Users can view and edit profile details (name, email, university, address).
  • Edit Profile Feature: Allows users to update profile details.

• Authentication & Authorization:

  • Registration and login with options for email, Google, and social media.
  • Password reset functionality.
  • Profile name visible post-login with access control for college details and review options.

• Error Handling:

  • Custom 404 Page with a creative design for non-existent routes.

Technologies Used

• Frontend: React.js, Tailwind CSS, Shadcn, Firebase(Auth).
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: Email/password, Google, and social media logins.
• Deployment: Vercel, Render.