Faculty Review

Faculty Review is a full-stack Next.js application developed in July 2025 to facilitate student reviews and ratings of university faculty. The landing page displays faculty cards with search functionality, accessible only after login. Students can comment, view others' comments, and rate faculty, while admins can manage faculty data. Built with Next.js, React, Tailwind CSS, and JavaScript, the platform ensures a responsive and intuitive experience, showcasing skills in authentication, dynamic rendering, and role-based functionality.

Faculty Review

Technology Stack

Next.jsNext.js
ReactReact
Tailwind CSSTailwind CSS
JavaScriptJavaScript
MongoDBMongoDB

Landing Page (/ Route)

The landing page displays a grid of faculty cards, each showing the faculty's name, image, and initial, with a search input box to filter by initials, name, or department.

Access to the landing page and its features requires user authentication, redirecting unauthenticated users to the login route.

  • Responsive faculty card grid layout
  • Dynamic search by initials, name, or department
  • Protected route requiring login
  • Intuitive and engaging UI design
Landing Page (/ Route) image 1

Authentication Routes

Unauthenticated users attempting to access the landing page or navbar items are redirected to the /login route, featuring a login form.

The login page provides a link to the /register route for new users to create an account, with seamless navigation between the two.

  • Secure login form with validation
  • Navigation to registration page
  • Responsive form design for all devices
  • Consistent authentication flow
Authentication Routes image 1
Authentication Routes image 2

Faculty Review Interface (/ Route, Post-Login)

After login, clicking a faculty card renders a different component on the same / route, with the upper left side allowing students to add comments about the faculty.

The bottom left shows other students' comments, the top right displays detailed faculty information, and the bottom right allows rating the faculty from 0 to 5 (0 for no rating).

  • Interactive comment section for student feedback
  • Display of peer comments for community insights
  • Detailed faculty information view
  • Rating system with 0-5 scale
Faculty Review Interface (/ Route, Post-Login) image 1

Admin Dashboard (/admin Route)

Admins, after login, see an additional 'Edit' icon in the navbar, leading to the /admin route where they can add, edit, or delete faculty information in the database.

The admin interface ensures comprehensive management of faculty data with a user-friendly design.

  • CRUD operations for faculty data
  • Admin-only access to management features
  • Responsive layout for database operations
  • Secure data handling and validation
Admin Dashboard (/admin Route) image 1

Technical Implementation

Built with Next.js for server-side rendering and dynamic routing, ensuring fast performance and SEO-friendly content delivery.

Utilizes Tailwind CSS for responsive, utility-first styling, with React for dynamic component rendering and state management.

  • Next.js dynamic routing for role-based interfaces
  • React hooks for state and effect management
  • Tailwind CSS for consistent, responsive design
  • Secure authentication and data handling
  • Optimized performance for user interactions