Share
Explore

App assignment

Requirement
(COMMIT CHANGES TO GITHUB)

You are a freelancer on contract for a school. The school requires an app to track their students’ report cards.
Design an app which has the following interfaces:
A portal for teachers to
Add the results of a recently conducted exam for all the students
Update the results of an older exam that was published
View results of a previously conducted exam
A portal for students to
View their results
by entering their roll numbers
The entire information can be stored on the frontend. Backend integration is not required.

Functionality

Header
Toggle to select
Teacher
or
Student
Bulb icon to toggle between
Light mode and Dark mode
for whole screen
Body
Student mode
View their results by
entering their Roll Number.
Print their results
Teacher mode
View past results
Add new exam results
Update results of earlier exam for one or more students
Delete results for one or more students in past exams
by checking multiple items at once (Multi - Delete)
Print results of all students for a particular exam session

Data

Results
When adding new results for an exam, the following input must be entered for each student
Name
Roll number (Number only)
Marks in the following subject (The maximum marks are 100)
English
Mathematics
Computer Science
After entering the marks in various subjects, the following values must be calculated for each student and displayed when viewing their results
Average (of the 3 subjects)
Grade, which is calculated by the following formula
Grade A
[90 and above]
Grade B
[80 - 89]
Grade C
[70 - 79]
Grade D
[60 - 69]
Fail
[Below 60]

Design outline

image.png
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.