A “Result Managment Application” using Angular and Node.
• 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.
• If roll number and D.O.B. does not match, an error should be shown on screen.
• Teachers can View all records, add new record, edit and delete the records.
- Open your MySQL Workbench and run the below SQL script
create database resultdb;
use resultdb;
create table student (rollno int not null primary key ,name varchar(30), dob date, score int);
create table teacher (uname varchar(36) not null primary key, pass varchar(64));
desc student;
desc teacher;
insert into student values (103, "Tony", "1979-11-27", 412);
insert into teacher values ("admin", "test");
- Open the project in Visual Studio Code.
- Go to toolbar --> terminal --> Open new terminal.
- Run
cd backend
to change the directory to backend. - Run
npm install
andnpm install -g nodemon
. - Now to run the backend of the project --> Run
nodemon app.js
on terminal.
- Open the project in Visual Studio Code.
- Go to toolbar --> terminal --> Open new terminal.
- Run
cd frontend
to change the directory to frontend. - Run
npm install
to install the required packages. - Now to run the frontend of the project --> Run
ng serve
on terminal. - Open URL "https://localhost:4200" on a browser.
- Landing Page
The Result Management System is a web-based application designed to streamline the process of managing and tracking student results. It provides an efficient and centralized platform for teachers and students to access and manage academic performance data.
- Teacher Login: Teachers can securely log in to the system using their unique credentials. This grants them access to the teacher dashboard, where they can perform various administrative tasks.
- Teacher Dashboard: The teacher dashboard provides a comprehensive overview of classes, students, and results. It offers intuitive navigation and displays relevant information, allowing teachers to efficiently manage and analyze academic data.
- Add Student Result: Teachers can easily add or update student results through a user-friendly interface. They can enter the student's details (such as name or ID) and input the associated result data (such as grades or scores). This feature simplifies the process of recording and maintaining student performance records.
- Student Login: Students can log in to the system using their individual credentials. Upon logging in, they gain access to their personal result page, which displays their performance in different subjects or courses.
- Student Result: The student result page presents students with a clear and organized view of their academic performance. It displays subjects or courses along with the corresponding grades or scores, enabling students to track their progress and identify areas for improvement.