Skip to content

EdogawaCoTrung/StudentManagement-frontend-Reactjs-TailwindCSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏫Student Management Web🏫

✨SERN PROJECT✨

ReactJS Vite tailwindcss nodejs sequelize MySQL

OverviewGet StartedFeaturesUsageContributors


Overview👋

The Student Management System project is a web-based application built using Reactjs for the front-end and Nodejs for the back-end. This system aims to provide a comprehensive solution for managing student information in schools, including personal records, academic performance, and extracurricular activities

Video

Get Started⚙️

Follow these steps to get the Student Management System project up and running on your device:

  1. Clone the repository:

    Frontend

     git clone https://github.com/EdogawaCoTrung/StudentManagement-frontend-Reactjs-TailwindCSS.git
    

    Backend

      git clone https://github.com/Tam-Vu/StudentManagement-backend.git
    
  2. Login:

    image

  3. Admin view:

    image

  4. Student view:

    image

  5. Teacher view:

    image

  6. Officer view:

    image

Features🤖

STUDENT MANAGEMENT

Easily manage student information, including personal details, contact information, change infomation and password.



CLASS MANAGEMENT

Organize student and teacher by classes for better organization and tracking.



TEACHER MANAGEMENT

Easily manage teacher information, including personal details, contact information, arrange classes and assign teachers to each subject.

Teacher Management

Assigment Management



Student Tuition Management

Create tuition for all students in 1 class, easily track tuition status, support payment by QR code.

Admin View:



Officer View:



Student View:



Scoring System

Supports entering scores for 1 or more students in a class of a subject taught by that teacher, supports exporting and importing using excel files.

Teacher View:



Student View:



Subject Management

Easily manage subject information, including subject details.



Performance Tracking

Capture and analyze student performance data for evaluation purposes. User-Friendly Interface Intuitive and responsive user interface designed with the end-user in mind.

Usage📱

Dynamic Reporting

Generate dynamic and customizable reports to analyze various HR metrics, including student performance, student classification trends, ranking students, Compare student scores with the class average and Statistics on the number of excellent students over the years.

Regulations adjustment

Support creating school years, changing semesters, changing regulations including (age, behavior point, classification point, number of classes by grades).

image

Contributors🤝

License

This project is licensed under the MIT License.

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages