Connection to the Theme
NaviTask is designed to save time. By sorting tasks and location for you, it lessens the time it takes to drive around town and complete errands you do on the daily.
What it does
First, it's important to mention that all user-creation data would be saved in a database. That's why we require an account. Users can create an errand on the creation page, get an overview of the list they have so far, then send the information over for Navitask to optimize. Finally, the user can click on to the travel page, complete with GPS functionality. Our map will guide them through their sorted errands.
How we built it
For our collaboration and version control, we used Github. All of our work is shown on our repo
Front-End
Since we were building a web application and we created a mockup first, we knew from the start we'd have a heavy codebase. Based on this and our experiences, we decided we'd benefit most from to use React, which allowed us to reuse components from our application. We then developed the components needed for the UI functionality, and styled it with CSS afterwards to match the Figma and the website's style.
Back-End
Our biggest challenge, however, was the backend. Most of the backend work got done during the last few hours we had for this hackathon because we took too much time on the frontend. At the end, we were able to pull through, and implement some of our planned features, such as a working database, account creation, and other backend components.
Accomplishments that we're proud of
There are a couple of accomplishments that we are proud of that we achieved during this hackathon. The first was being able to create an application that, we feel, helps any users save time and make the most out of their day. Our second accomplishment was being able to create both a back end and a front end. We were also able to successfully combine some parts of both the front and back end despite the time crunch. Finally, we're proud of the fact that we were able to create an original application using a lot of skills that we ended up learning or refining over the weekend.
What we learned
We learned many different skills over this weekend. Firstly, it was our first time working with external mapping APIs, and it was challenging yet rewarding to learn how to go from an array of coordinates to routes on a map. Second, we learned to how to use GitHub a lot better and track changes from commit to commit. Finally, we also learned how to take components from a Figma design and turn those into well styled React components. Needless to say, we are a lot better at CSS now!
What's next for NaviTask
We hope that in the future, we are able to use machine learning to predict the errands a user may need to work on during a particular day. In addition, we hope to better create algorithms to optimize a person's route as they are working on errands. Finally, we hope to better implement and combine the front end and back end of our application so that they work seamlessly.
Log in or sign up for Devpost to join the conversation.