Lecturer and Student Dashboard

This project aims to improve the quality of online education. It is built using React, Typescript, and a whole lot of LOVE.

Who is the target audience for this project?

This project is intended for individuals, university students, and universities.

Want to see a live demo?

You can check out the demo here.

Project structure

The project is divided into the following main parts:

• api
• assets
• hooks
• screens
• components
• mockup data
• utility functions
• Models
• services
• zustand store
• theme

Libraries and tools used

The following libraries and tools were used in the development of this project:

• Zustand
• TanStackQuery
• MUI
• Formik
• YUP
• Axios
• EditorJs
• React Router Dom
• React Toastify
• EmailJS
• Vercel

Features we provide

The following features are provided by the project:

• University can create it own isolated environment.
• Confirmation email for each Organization.
• Users from outside the university can register to it.
• Admin can create a new user or edit an existing one.
• Lecturer can create a course.
• Lecturer can add a lesson to a course.
• Lecturer can add a quiz to a lesson.
• Lecturer can add a video to a lesson.
• Lecturer can add a document to a lesson.
• Lecturer can add a text to a lesson.
• Lecturer can assign users to a course.
• Comment for each lesson.
• Toxic detection for comments.
• Text sentiment analysis for comments.
• Students can submit a feedback for a course.
• Based on the sentiment analysis, the can will be rated.
• Articles and book summarization.
• Teachers can create exams.
• Students can take exams only once and in the duration of the exam.
• real time exam results.
• Students can see their grades.
• Students can see their answers and the expected answers.
• Notifications system.
• Students can see their answers and the expected answers.

Getting started

To get started with the project:

1. Clone the project
2. Run yarn install
3. Run yarn start

Happy coding!