ashvinck / student_teacher_dashboard

This is a student teacher admin dashboard for a educational institution

Home Page:https://student-teacher-admin-dashboard-app.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Admin Teacher Dashboard

License

The Student-Teacher Admin Dashboard is a robust web application built with React, Redux, and Material-UI (MUI). It serves as a comprehensive solution for managing classes from 1 to 10 in a school, providing distinct levels of access for administrators, teachers, and students.

Key Features

The React Admin Teacher Dashboard includes the following features:

  1. Role-based Access Control: The dashboard supports three roles: student, teacher, and admin. Each role has specific permissions and access levels within the system.

  2. Student Management: The dashboard allows teachers to manage student profiles, including creating, editing, and deleting student information. Teachers can view and update student grades, attendance, and other relevant details.

  3. Teacher Management: Administrators have the ability to manage teacher profiles, including adding, modifying, and removing teachers from the system.

  4. Course Management: The dashboard enables administrators to manage whole academic data of the institution. They can create and assign teachers for various classes and teachers can enroll students and manage course materials, assignments, projects,library dues and grades etc.

  5. Attendance Tracking: Teachers can mark student attendance and keep and view record of attendance history for over a month. They have access to attendance reports.

  6. Academic Tracking: Teachers can track the academic progress of class and can assess the graduation status of students.

Installation

To set up the React Admin Teacher Dashboard, follow these steps:

  1. Clone the repository
  2. Navigate to the project directory
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Open your browser and access the dashboard at http://localhost:3000

Note: Ensure that you have Node.js and npm installed on your machine before proceeding with the installation.

Usage

  1. Launch the React Admin Teacher Dashboard by following the installation steps mentioned above.

  2. On the login screen, enter your credentials based on your assigned role (student, teacher, or admin).

Demo Credentials

Admin Credentials

Available on request as there has been misuse of the dashboard.

Teacher Credentials

email:teacher123@gmail.com
password:Teacher123@#

Student Credentials

email:student123@gmail.com
password:Student123@#
  1. Explore the various features and functionalities available in the dashboard based on your role and permissions.(only class 9 data available)

  2. Perform administrative tasks such as managing students, teachers, courses, and attendance as needed.

Contributing

Contributions to the React Admin Teacher Dashboard are welcome. If you find any issues or have suggestions for improvements, please submit them through the project's issue tracker on GitHub.

Before making any significant changes, please discuss them with the project maintainers to ensure alignment with the project's goals and direction.

License

The React Admin Teacher Dashboard is open-source software licensed under the MIT license.

Acknowledgments

This project was inspired by the need for an efficient and user-friendly administration tool for teachers and educational institutions.

I express my sincere gratitude to all the npm package makers whose contributions have been invaluable in the development of this application. Their dedication and hard work in creating and maintaining these packages have significantly enhanced the functionality and efficiency of the app.

I extend my appreciation to the entire open-source community for their continuous efforts in building and sharing high-quality software. The collaboration and support within the community have been instrumental in the success of this project.

Demo

Dashboard in sm screen Dashboard in lg screen

About

This is a student teacher admin dashboard for a educational institution

https://student-teacher-admin-dashboard-app.netlify.app/


Languages

Language:JavaScript 99.0%Language:HTML 0.8%Language:CSS 0.2%