Student Grading System

The project above was created to exemplify the power of using AngularJs to create efficient front end applications. In this case, the web application created is able to take in a student's data, find the average of the grades, and display the transcript on the dashboard after submission. The application has integrated Firebase authentication for users, Firebase Real-Time database, and an email sender library known as Formspree.

The following are the technologies used to bring about the web application to function fully: -

The back end and the front end were all created using Javascript while adding the styling using not only Bootstrap but also CSS3 to bring about an aesthetic User Interface.

Registration Component

Dashboard Component

Not Found Component

Forgot Password Component

Successful Registration Component

Authentication Service

Grading Service

The following video shows the walk-through from sign-up to email confirmation, login, and then to the usage of the dashboard. The user is then able to enter grades, obtain the final rank and transcript, and finally logout. The user is also able to send an inquiry with a valid email address.

The main database used was No-Sql which had restrictions as to how a user was to access data, that is a student could not access another person's data.

This code snippet shows how the app should behave if the user details are right or if they are wrong. For a user to log in, the user has to be authenticated. In this case, a promise is being used to handle the process since it is asynchronous. An error is therefore to be thrown if the details are not valid, and if all login requirements are met, the user is then redirected to the dashboard.

This project was such an encouragement to me that I was inspired to learn more of JavaScript frameworks since they are exceptionally powerful in terms of giving one the tools to develop fast, robust, and efficient fully-fledged applications.

The below GitHub repository link exemplifies all the code and steps used to achieve the end result of the project.