Path - Graduation Credit Tracker

Path helps high school and college students keep track of their graduation credits by creating an easy to use website that keeps track of graduation requirements they've finished.

Comment

Inspiration

We all had a common problem in my team and that was keeping track of graduation requirements. The many categories of credits and the types of service hours got us confused. So, we decided to create PATH.

What it does

PATH is geared towards high school and college students. It is designed to make tracking credits and service hours easier by having it online and spread out properly. Like we said before, PATH helps keep your credits and hours organized by having a table to clearly see what else you need to have a successful school career. The table is expandable as you began to put more hours in and credits in. This simple and mess-free way to organize is perfect for students.

How we built it

We built and designed this website by using JavaScript, HTML, and CSS. We used JavaScript for the expanding table and then CSS for the rest of the decoration and the color of the website. We chose to use the 60-30-10 rule for the color scheme consisting of #FBFBFB, #54D4F0, and #00C3A1. Then we used HTML for the rest of the website from the navigation bar to the round the team member pictures.

Challenges we ran into

  1. Integrating Figma into our code was messy and confusing because Figma positioning of things were vary from the web pages
  2. The use of position: absolute and Figma positioning again led to a lot of overlapping in the early stage of our website causing difficulties
  3. JavaScript was a new thing to us, so making expandable table rows was a very new experience
  4. The limited time of only 2 days made it hard to get everything done on time

Accomplishments that we're proud of

We are proud of being able to a expandable table and being able to turn our idea into a website in 2 days.

What we learned

We learned how to better design websites and get a color scheme. We also learned how to make an expandable table.

What's next for Path - Credit Tracker

In the future, we are planning to further expand the design of our website throughout and make it even better. We hope in the future to be able to implement PATH for use into school districts around the country.

Built With

Share this project:

Updates