Masai School Learning Management System

About Project

This Project is About creating Learning Management system for Masai school which provides training on full-stack web developement training. Students can signup to the site and login to the site and search for lectures and watch previous lectures and attend live lectures and submit assignments. and save lectures by bookmarking them. And on admin side admins can login to the site and upload lectures and search for lectures copy lectures and edit lectures and delete lectures.

Tech Stack

Frontend Tech Stack

Backend Tech Stack

Features

Signup

To sign up for an account:

1. Navigate to the signup page.
2. Enter your name email address and choose a strong password.
3. Click on the "Sign up" button.
4. Once you have completed these steps, you will be able to log in to our application.

Login

To log in to our application, please follow these steps:

1. Navigate to the login page.
2. Enter the email address and password you used when you signed up for the account.
3. Click on the "Login" button. If you have entered the correct login credentials, you will be logged in to our application.

Password Reset

If you forget your password, you can reset it by following these steps:

1. Click on the "Forgot Password" link on the login page.
2. Enter your email address.
3. Follow the instructions in the email you receive to reset your password.

Admin Lectures Page

1. admin can search for any lecture and view the details of the lecture
2. admin can edit the lecture

CreateLecture Page

To access the Create Lecture page, you must be logged in as an instructor. Once you have logged in, click on the "Create Lecture" button on the lectures page. This will take you to the Create Lecture page.

To create a lecture, please follow these steps:

1. Enter the title of the lecture in the "Title" field.
2. Choose the course that the lecture belongs to from the "Course" drop-down menu.
3. Enter all require feilds like batch section categeory all felds mandatory
4. If it is live class provide zoom link and conclude time and ending time Once you have finished creating the lecture, click on the "create lecture" button. Your lecture will now be saved to the course and made available to your students.

Editing or Copy a Lecture

If you need to edit or copy a lecture, you can do so by following these steps:

1. Navigate to the course page that the lecture belongs to.
2. Click on the lecture you want to edit or delete.
3. To edit the lecture, click on the "Edit" button and make your changes. Then click on the "Save" button to save your changes.
4. To copy the lecture, click on the "copy" button. Then click on the "Copy" button to save your changes.

Student DashBoard Page

1. On the Current Day Lecture Dashboard page, you will see a list of lectures for the current day.
2. Each lecture will display the title, course, and time of the lecture.
3. To view a lecture, simply click on the title of the lecture.
4. This will take you to the lecture page where you can view the content and resources.
5. If lecture is live you will be only able enter live befre 10mins
6. live lecture will navigate zoom link
7. if the lecture is compleated it will redirected lecture detail page where you can see the notes and recorded video

Contriubuters:

Mangesh Khandale -Engineering Manager FrontEnd

Amol Holani -Engineering Manager BackEnd

Tridip Rong -BackEnd Developer

Md Nasir Uddin -BackEnd Developer

Vishal Singh -BackEnd Developer

Pintu Gouda -FrontEnd Developer

Siva gurubilli -FrontEnd Developer

Libraries used for this application

1. Formik is designed to simplify the process of building and managing forms by providing a set of tools and utilities that help with form validation, data management, and error handling
2. Yup is a popular JavaScript library for schema validation. It provides a simple and intuitive API for defining validation rules for data objects, and is commonly used in web applications and APIs to ensure that data input is consistent and valid.
3. Moment is a popular JavaScript library for parsing, validating, manipulating, and formatting dates and times.
4. Markdown is a lightweight markup language that is used to format and style text. It is designed to be easy to read and write, and is widely used in a variety of contexts, including documentation, web content, and online forums.

Deployed Link on netlify

https://learning-management-system-masai.netlify.app

Installation

Clone Url : https://github.com/masai-builds/Team4.git

Frontend Installation

• Open Project In Vs Code or Another ide
• Then Open Terminal

npm install

npm start

Backend API URLs

• API service base url : http://localhost:8080
• API Documentation With Requests Body : Google Doc API Documentation