Resolution Tracker

Main Page
Calendar
Weekly Progress (Graph)

Inspiration

The beginning of a new chapter is always more thrilling than the previous one. The transition into the pandemic has been a stressful time for all of us. It is especially difficult to prioritize your goals when you are faced with the restrictions of the recent circumstances. Staying in quarantine has left us feeling sluggish, slow and unmotivated. Keeping the current situation in mind, we have decided to build a web app to keep us on track.

What it does

Our web application helps users accomplish resolutions set throughout the new year. We have created an interactive calendar that allows the user to store goals for a day, a week, 3 months, 6 months, 9 months, and 12 months efficiently.

This web application has 3 main sections: The main start page, The calendar, The goals list, The weekly Progress Graph

The application authorizes the user to input resolutions and checks them off as they complete them in the course of the year. This is achieved by dynamically counting down the days set by the user. We have also created a function that allows the user to view a progress report every 7 days displayed on an appealing graph.

How we built it

This web application uses HTML, CSS, and Javascript to create an interactive yet simple resolution tracker. The bar graph was made using chart.jsThe data was stored in the local storage and then used to make the graph.

Challenges we ran into

As beginners to both web and general project development, we had difficultly finding the correct resources to help us navigate through this project. To make this application more interactive we used javascript, an unfamiliar language to all members of the group. Learning the language along the way, consumed a lot of time that could have gone towards developing the project. Additionally, it was difficult organizing the code in a clean and systematic manner. Fortunately, we were able to complete a satisfactory amount of the project. Since we gained these new skills, future projects will be easier.

Accomplishments that we're proud of

We are proud to be able to attend and complete this hackathon project.

What we learned

Along the course of this project, we learned to utilize our time efficiently and prioritize focusing on the important aspects of our ideas and organizing them as we built our application. We learned to work as a team and share our knowledge. We combined our ideas to develop an application that included all of our vision for a commendable application for the new year.