Inspiration
We found ourselves struggling to keep up with our daily tasks and staying organized, so we thought it would be a good idea to implement a todo list for this reason. On top of that, we wanted to utilize languages that we have basic knowledge in and learn along the way to create a product that we could actually use in our daily lives. The hope is that now we can utilize this todo list to help us stay organized and motivated, especially since we are all stuck in our homes now!
What it does
Our project is a basic todo list that enables a user to add tasks to a user friendly scheduler where they can see a list of tasks that they have set for a certain day. Through the todo list, they can then mark tasks they believe is complete and it will be updated on the page. We also implemented a calendar where users can choose the day they would like to add a task, which would then bring them to the todo list page.
How I built it
This project was built using HTML and CSS to design our website and Javascript to handle information processing. Javascript was also used to store information from the to-do list locally using the localStorage object.
Challenges I ran into
One of the challenges we ran into was working with the syntax of Javascript. It has been quite some time since we both had worked with the language and at times struggled with how to implement certain functions to our project. Another challenge we had was figuring out how to design our project using HTML and CSS. Since we were inexperience in designing a nice looking webpage, it took a lot of trial and error when it comes to creating a simple, clean design for our To-do list application.
Accomplishments that I'm proud of
We are proud that we were able to create a project that we can use in our everyday lives and also help us stay organized with our everyday tasks. Also with our basic knowledge of front-end programming, we are proud that we were able to learn throughout QHacks to create this 3 paged project.
What I learned
We learned how to take elements from HTML and manipulate those elements in Javascript either by changing or removing them. We also learned about how you are able to store information locally through Javascript which allowed us to add a functionality to our project that allowed for a unique To-do list for each day of a given month.
What's next for QHacks 2021 ToDo List
We plan on continuing to build on what we have made at QHacks 2021 to further strengthen our front-end programming knowledge and also make a more immersive and detailed todo list application. QHacks was a great way for us to learn and utilize our knowledge to build a basic project, but we hope to expand on this project to make it even bigger and better in the future!
Log in or sign up for Devpost to join the conversation.