ToGrow

ToGrow
The Problem
Growth Animation

Inspiration

Around 30-50% of neurodivergent individuals, including those with ADHD, autism, or other conditions, report difficulties with tasks and planning subtasks. These challenges often stem from issues like executive function deficits, which affect the ability to organize, prioritize, and break tasks down into manageable parts. We wanted to create a tool that simplifies this process, providing structured guidance and reducing the overwhelm that often comes with tackling complex projects.

What it does

ToGrow is a chrome extension that helps users break down tasks into smaller, more actionable steps. Users enter a task, and the extension, powered by the Gemini API, suggests logical sub-tasks based on the input. This ensures a step-by-step approach to productivity, making overwhelming tasks feel more achievable.

How we built it

Frontend: We started with a Figma prototype, then used HTML, CSS and JavaScript to design a clean and intuitive user interface.
Backend: We used JavaScript to handle task logic and integrated the Gemini API using Flask for Python to generate suggested sub-tasks dynamically.

Challenges we ran into

Designing a system that was simple yet effective without overwhelming users took several iterations and Figma frames.
Learning how to integrate Gemini API for the first time.
Using CORS on different operating systems like macOS and Windows.

Accomplishments that we're proud of

Successfully integrating AI-powered task breakdowns into a Chrome extension.
Creating an intuitive and visually appealing interface, including the use of hand drawn plant animations.
Designing a tool that has real-world applications for neurodivergent users.
Integrating chrome storage synch to reduce the need for backend database storage.

What we learned

Creating a effective UX/UI for such a small frame.
The importance of considering the struggles of all individuals when creating a tool aimed to improve daily lives and tasks.
Best practices for building and structuring Chrome extensions.
How to effectively work with the Gemini API for task generation.

What's next for ToGrow

Customization: Allowing users to personalize task breakdowns based on their preferences.
Task Tracking: Adding progress tracking features to help users stay motivated.
Community Feedback: Engaging with neurodivergent communities to refine and improve features based on real user experiences.

Built With

api
css
figma
gemini
geminiapi
html
javascript

Submitted to

cmd-f 2025

Created by

I contributed to the backend using Python and Flask and the frontend with HTML, CSS, and JavaScript. This was my first experience integrating the front and back ends of an application and my first time creating a chrome extension, which pushed me out of my comfort zone and presented exciting challenges. I also contributed the initial project idea and designed all the plant assets in Krita

Melissa Goon
I worked on the front end for ToGrow! It was my first time using CSS and HTML as well as designing a chrome extension. I ran into a few UX/UI dilemmas while designing such a small application, but am incredibly proud of the final product and what we were able to create! I hope to work with this team again!

grace b
I worked on the backend and used Flask for Python for the first time! This was also my first time using an API and Gemini was a great choice for that. I came across problems using CORS on my macOS but with the help of mentors, I was able to resolve it and learn something new about ports! This was also my first time working with javascript and it was a really humbling experience. I am grateful for the awesome team I got to be a part of and the work everyone put into this awesome project!

Piyusha Satija
anisa888anny P

Updates

grace b started this project — Mar 09, 2025 02:14 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.