ashita-agarwal / Result-Management-Application

A Result Management System using HTML, CSS, JavaScript , Node and using MVC Model. Teacher and student can login to update and check the Result respectively. For Database , MongoDB Atlas is used.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Result-Management-Application

A Result Management System using HTML, CSS, JavaScript , Node and using MVC Model.
• Two types of users can login to application by clicking a button on homepage.
• Students can enter their roll number and date of birth to view their result.
• Teachers can View all records, add new record, edit and delete the records.

Setup Guide

Database

  1. Signin/up to https://www.mongodb.com/cloud/atlas/register
  2. Create a cluster and connect it to your application.
  3. Refer to : https://www.section.io/engineering-education/nodejs-mongoosejs-mongodb/
  4. Do edit your password and desired database name in the connection string copied to app.js file.

Backend

  1. Open the project in Visual Studio Code.
  2. Go to toolbar --> terminal --> Open new terminal.
  3. Run "npm install" and "npm install -g nodemon" .
  4. Now to run the project --> Run "nodemon app.js" on terminal.

Frontend

  1. Open URL "https://localhost:3000" on a browser.

Screen-Shots

Project Structure

Project structure

HomePage

homepage

Teacher Login

teacher login

Teacher dashboard

teacher dashboard

View All Students Result

view all students

Add student result

add student

Student Login

student login

About

A Result Management System using HTML, CSS, JavaScript , Node and using MVC Model. Teacher and student can login to update and check the Result respectively. For Database , MongoDB Atlas is used.


Languages

Language:EJS 51.6%Language:JavaScript 38.1%Language:CSS 10.3%