Inspiration
As the theme was new-years, we wanted to build a website that could help users keep track of their new years resolutions, as well as help motivate them to stay on track.
What it does
What we wanted to do was a platform where users can enter their new years resolution. The website would give advice on what makes a good goal (SMART goals). The website would also have a timer function in built to it, and the users can keep track of the time spent on their new year's resolutions. The website would also display some statistics, such as total hours spent, or average hours of practice per week, etc.
How we built it
We built it with bootstrap CSS, HTML, and regular javascript for the front end. We used node.js for the backend. We finally used MongoDB for the database. We built on a template for the login page here: https://mdbootstrap.com/docs/standard/extended/login/
Challenges we ran into
As we were both in our first year of CS major in university with not a lot of prior programming experience, we were absolutely lost, especially since this was our first hackathon. Web development was so much harder than we anticipated. We did not even know what framework was, how web application development worked or what exactly backend was when we first started. We also didn't realize how many parts there were in a website, and how they all interacted with each other. We also had small hiccups with version control on github. Although we didn't get too far, we learned a lot during this hackathon.
Accomplishments that we're proud of
I think for a 2 person team that didn't have prior experience in web development, we were able to host a local webserver through node JS, implement a connection to a database, implement a fairly secure albeit basic login and signup system, as well as design a dashboard with and other pages with bootstrap in 2 days. We experimented with Figma to do the design, and while the design was a relative success the translation into code was much more difficult than expected.
What we learned
We learned how a web-application/web-site is structured, how to do implement a basic back-end with node-js, design static HTML files with bootstrap, how to use github, among much more.
What's next for Resolution
We couldn't finish the project in time, so we are submitting what we have. We definitely still plan on finishing it, as there is still so much left to be done (and learned).
Log in or sign up for Devpost to join the conversation.