ListBuddy

A buddy to simplify your tasks

Comment

Inspiration

We created ListBuddy—your friendly robot companion—to help individuals with executive dysfunction manage and complete tasks more easily. For those who feel overwhelmed by everyday chores or struggle to stay organized, ListBuddy is here to lend a hand.

What it does

ListBuddy will help you with creating, managing, and keeping track of completed tasks. After creating an account, you'll have access to your tasks from anywhere. The app has an option to manually add tasks. Based on your input, ListBuddy will generate a personalized task list just for you. Tasks are organized into "Active Tasks" and "Completed Tasks." As you complete tasks, simply check them off your "Active Tasks" list, and they’ll automatically move to "Completed Tasks." You'll also earn a star for each task you finish on time—rewarding progress and keeping you motivated.

How we built it

We started by using Figma to create our mascot design and plan the layout of our web application. Then we used React and Tailwind to stylize our web application. OpenAI was used to allow ListBuddy to generate a list of tasks for the user and help with determining task priority.

Challenges we ran into

Some of us haven't used React or Tailwind before, so there was a steep learning curve trying to convert from our knowledge of HTML/CSS/JS.

Accomplishments that we're proud of

We are proud of our ListBuddy mascot design created by our graphic designer (Tyler Millien). Tyler created a friendly robot icon with a design on its body which reads well as a robot body and as an actual list. From Tyler's design, we are proud that one of our coders (Josie Lee) was able to code a clean login page to match Tyler's vision. Two of our other coders ( Juan Sanchez Roa & Sandy Son) were able to add login functionality to allow user data to persist across our different web pages. We are also proud that our coders (Ryan Nguyen & Josie Lee) worked together to create a home page with an interactive task list view. We are also proud of utilizing OpenAI's API to break down tasks for users and also creating an algorithm that calculates an importance score to determine priority order of tasks.

What we learned

We learned how to convert from using HTML/CSS/JS to React and Tailwind to build a full-stack web application. Being new to Next JS, we had to adapt to develop the backend as we were used to other technology.

What's next for ListBuddy

In the future, we hope to see ListBuddy have a virtual incentive shop where users will be able to use their stars as a currency within our web application.

Built With

Share this project:

Updates