Toodle List

A public to do list for me. I can share it to family and friends so they see if I'm on track and hold me accountable, or they can add tasks and projects they think I should do.

Comment

Inspiration

With a new year comes new year's resolutions. While we're all pretty good at making these resolutions, following through with them is usually another thing entirely. I, for one, can say I suck at it. So how can we manage to follow through with our intentions and meet our goals? With a to-do list of course. Or in my case, my toodle list!

What it does

Beyond the regular benefits of a to-do list, Toodle List adds the extra feature of being public! It's public so I can share it with friends and family. This way, they'll know what I want and need to get done and can help hold me accountable. They can also add projects or tasks I should do. For example, I could have a books project, and my friends could add books they recommend I read!

Toodle List is my very own public to-do list! I can track what needs to be done today, in the next 7 days, or any time. I can keep track of my projects and the tasks that need to be done for them. This helps with breaking down big projects and big goals into smaller, and more manageable tasks that collectively accomplish the goal.

How I built it

Challenges I ran into

I had almost no familiarity with the technology I used to build this program!

Accomplishments that I'm proud of

Learning to work with all the different technologies. This project was the first time I built a React project from the ground up, managing organization, figuring out what components needed to exist, etc. Previously when I worked with React, it was contributing to an already existing project, so it was exciting to me to work with React from scratch.

Previously, I only every worked with Google's Firebase once, and that was for Google Home development, nothing database related. With this project, I got the opportunity to work with Cloud Firestore and learn how to set it up and configure it to my project.

This was also my first time deploying a site on Netlify and setting up a custom domain for my project! While there was a bit of a learning curve, Google was there to help me.

What I learned

While I have some familiarity with web development, I typically work with HTML, JS, and CSS. With this project, I challenged myself to try and learn new things. In this case, I developed further skills in React and SCSS, and I learned about custom hooks in React, Firebase, and Netlify.

What I learned

  • Building a React app using the create react app template
  • Using Firebase and the Cloud Firestore
  • Using both React hooks and custom hooks
  • Deploying my project on Netlify
  • Getting a domain from Domain.com and setting it up in Netlify

What's next for Toodle List

While developing Toodle List, I focused mainly on the Desktop view. Thus, there is opportunity to further develop the mobile UI and UX. While I did take time to focus on the UI and UX of the application, it is in no perfect. There is opportunity to improve the UI and UX (both Desktop and Mobile). The project could also benefit from React testing. While I did focus on accessibility, there can be improvements made to accessibility.

Once Toodle List improves in these areas, we can add different users to the application. For example, we can configure it so that certain users can only view the to-do list, while others can view and edit. We can also have multiple users who have a Toodle List (a public to-do list). The Toodle List doesn't need to be limited to just my public list. Other people can have their own Toodle List that they share with friends and family.

Built With

Share this project:

Updates