Meru-university-student-portal-clone Tailwind Templates

Meru University Student Portal Clone

A responsive clone of the university student portal interface built with React, Redux Toolkit, and Tailwind CSS. Features include authentication, dashboard, course info, and profile management.

University Student Portal Clone

This project is a clone of our university's student portal interface. The project is built using React, Redux Toolkit for state management, and Tailwind CSS for styling. The objective is to replicate the student portal's user interface and functionality to provide a consistent, responsive, and interactive experience.

Table of Contents

  1. Features
  2. Screenshots
  3. Getting Started
  4. Installation
  5. Usage
  6. Project Structure
  7. Available Scripts
  8. Contributing
  9. License
  10. Progress Status

Features

  • Authentication: User login with simulated authentication
  • Dashboard: Main landing area with access to student resources
  • Profile Management: Editable user profile section
  • Course Information: View current and completed courses
  • Grades and Transcripts: Access grade reports and transcripts
  • Notifications: Interactive notifications and updates
  • Responsive Design: Optimized for both desktop and mobile devices

Some Screenshots

Here are some screenshots of the application:

Dashboard

Edit profile

Dashboard showcasing student resources

Units registration, for the case unit's to register not taken

Login display

Receipts section

Industrial Attachment

Lectures Evaluation

Transcript previewer

Getting Started

To get started with this project, you will need to have Node.js installed on your machine.

Prerequisites

  • Node.js (v14+ recommended)
  • NPM or Yarn
  • Basic knowledge of React and Redux Toolkit

Installation

Clone the repository:

git clone https://github.com/Ritahchanger/Meru-university-student-portal-clone.git

Install node_modules:

npm install

Run the application

npm run start

Progress Status

The project is still under progress. I'm currently working on custom admin pages and the backend implementation, along with API consumption for dynamic data handling.

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes