Nava Dipti Classroom

Introduction

Nava Dipti Classroom is a responsive Webapp built using the PERN (Postgres-ExpressJS-ReactJS-NodeJS) stack with Firebase for storing images and Heroku for deployment and hosting. Aim of this app is to provide the teachers and students of Nava Dipti School an application for exchanging classworks, homeworks, syllabus and announcements as part of the Work-From-Home or even Hybrid education model.

Overview

• The webapp has 3 main users, hence 3 specified roles - Principal, Teacher and Student. The app uses JWT token for authorization purpose.
• The app has 4 major components:
  1. Task - This component is used to set, view and submit classworks and/or homeworks
  2. Syllabus - This component is used to set, view syllabus
  3. Announcement - This component is used to set, view announcements
  4. Register - This component is used to register new users like teachers and/or students as well as to view and/or delete existing users except the principal. This component can only be accessed by the principal
• Each component has Create and View tabs for creating and viewing respectively. The view screen has filter features as well to filter through the responses.
• Attached below are few screens of the app viewed through web browser.

Welcome page

Teacher Login Modal

Successful login

Landing page showing the available components

Syllabus Create screen

Task View screen showing task list with delete option available to only teacher/principal

Task View screen with open Accordion showing the Images button

Modal showing uploaded images as part of task on clicking on the Images button

Student Task View screen showing Submit button for the Task and the image upload and submission modal that opens up on clicking it

Submitted button shows the images submitted by the student

Students can see only their submissions but teacher/principal can see everybody's submissions

Filter screen