Online Lecture Scheduling react app


During covid19 situation lots of lectures are going on online method but there are student lot of students facing problem memorizing they lecture timetables or view the schedule because there is no proper timetables even if there is time table available but some situations lecturers will change time schedules so it is hard for students as undergraduate student I am made this app. This app I started coding my own idea and this is not migration software I started from basic. In this app lecturer can schedule the lecture time and week days and add the meeting url. students can view time table according to they studying department .lecturer can view all department time tables and remove the schedule which subject he/she teaching.


Now university students and lecturers they view and edit they online schedules another feature they get meeting url inside timetable also so students can easily joined to the online meetings. Students and lectures they no need to maintain a own local databases inside they local machine now they will easily log in and see current lecture updates threw this use of application. This app it is use full for students and lectures. this is app purpose completely get users if they merge this app with they university website.


In this app I used facebook open source tool/product is react js and other open source tools mysql, Nosql database Mongodb, node js express,spring boot these 5 technologies I used

UML Modelling

Use case diagram for Lecturer process

Use case name :-Lecturer update course schedule

Summary :- Lecturer enter the system and he/she can view all department timetables and he can make lecture schedule and remove the lecture schedule he/she assigned lecture.

Actor :- Lecturer/Professor Precondition :- actor has to login into the system Main sequence :-

  • Lecturer has to login into the system if email and password is correct system will got to next page
  • Lecturer want to choose the department then system will generate department time table
  • • If he/she want to make changes then choose the department ,year, semester and course code then Lecturer can make changes.

Sequence diagram for Login System




Software Engineering undergraduate at University of Kelaniya

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Creating a React-based Electron application with electron-webpack

I will convert psd, xd, figma, sketch to html css bootstrap

Service Account Integrations to access and modify files over drive from your angular application.

Image Rotation Problem From Mobile Phone Camera (Javascript & Flutter)

Map data structure in JavaScript

setting value to map example

JavaScript: Promises explained with simple real life analogies

The Simpliest D3 map and way too long article about it, even its title.

Blender 3.1: Is it Any Good?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Tharun varshanth

Tharun varshanth

Software Engineering undergraduate at University of Kelaniya

More from Medium

Creating Responsive Web App with React + Tailwind + SASS

How to Create React App without Create React App

Utilizing Webpack and Create React App with Zendesk’s Custom Pages

Laravel and Vue: A Deadly Combination for Web Application Development