As recent high school graduates, we experienced the wonders of online school and remote learning. It’s no secret that many students have struggled with this transition and experienced a lack of focus when you’re able to do anything in your house. We wanted to create something that could help students with their remote learning, so we created Neat Mentality, a web application with a task manager and study timer. From first hand experience, we know that students open many tabs and windows when working on projects online, so the task manager is there to save and organize all your links. The additional study timer helps with focus and time management.

What it does

Neat Mentality is a site featuring a task manager and study timer. The task manager organizes and saves your tasks in the order that you want so one can reference the list while working on large projects. The study timer is modelled after the Pomodoro Technique, a time management method that guides you through a 25 minute work block followed by a 5 minute break. The shortcut buttons set the times for you, but if you don’t want to follow those times, you can input your own time and study away.

How we built it

We created Neat Mentality with Glitch, an online platform used to create web applications. We used HTML, CSS, and JavaScript to construct and customize the site features, and connected it to its own domain.

Challenges we ran into

Although everyone on our team had prior coding experience, we weren’t too very familiar with web development, as most of our previous projects have been games. For this hackathon, we wanted to step out of our comfort zones and create something useful rather than another arcade game. Our biggest challenge was actually simply learning how to use HTML and CSS. We bumped into many issues from not understanding how to put together each component of the project to errors with the website domain.

Accomplishments that we're proud of

We’re really proud we managed to finish a whole site in a day! Considering our lack of experience, we’re really glad that we learned so many new things. This hackathon was a push for us to learn about web development and we overcame many obstacles to complete our website.

What we learned

We learned almost everything we did today and it was a wild journey but it was worth it! To be specific, we learned how to properly use HTML and CSS for the first time. In addition, it was our first time using our own domain and one of our members spent hours figuring it out.

What's next for Neat Mentality

We know that our design is just the tip of the iceberg. With more features and a sleeker design, Neat Mentality will become better than ever! We had many ideas that we wanted to implement into our project but didn’t have the time and capability to do so. One thing we initially wanted to create was a tab manager, a web app that helped organize tabs specifically, but that was a bit too complicated for us to get done in a day. Additionally, we were interested in custom colours, such as colour coding tasks or having a dark mode.

Share this project: