Grade Calculator
Fall 2024
This is a website that helps users keep track of their grades and courses in order to calculate their overall GPA. For my Web Programming final project, I created an application that allowed me to apply the skills I learned throughout the course. Using Node.js, MongoDB, Postman, Figma, Miro Board, and other tools, I worked with a team to build this website to help students prepare for their classes. The project included features such as authentication, authorization, HTML/CSS, and various backend concepts.
The Process
The Description
For this project, I needed to use all the skills I learned throughout the course to create a website that UGA students could use. My team and I decided to build a platform that allows users to manage grades and courses to easily calculate their GPA. We implemented authentication and authorization so users could create accounts and personalize their courses.
The main page displays all the courses the user is currently taking. Users can add new courses or edit existing ones. Each course includes information such as the professor, syllabus, assignments, grades, and weighted average details.
When creating or editing a course page, there are multiple sections. These include the main course information and the grade distribution section, which shows different assessment types and how much each contributes to the final grade.
Tools Used
Miro Board - Project planning, task organization, and team collaboration
Figma - UI/UX design and frontend layout planning
VS Code, Node.js, HTML, CSS, JavaScript - Full-stack web development
MongoDB - Database management and user data storage
Postman - API testing, authentication, and authorization
The Challenge
Our main challenge was implementing MongoDB and Postman for authentication and authorization so that account information could be stored and updated dynamically. After troubleshooting and testing different approaches, we used Postman to manage API requests and MongoDB to store and retrieve user data securely.