SparkTab

• 

  Completing Goals

• 

  Dark mode

• 

• 

  Add Goals

About the Project

SparkTab is a google chrome extension designed to help users achieve their personal goals through structured, actionable daily steps. The idea for SparkTab emerged from my own journey of self-improvement, where I often found it challenging to break down long-term goals into manageable daily tasks and often forget to focus on the system that will get me there. I wanted to create a tool that would not only motivate users but also provide them with clear guidance on how to reach their aspirations, whether they are related to typing speed, learning programming languages, or any other skill. Further as this extension will automatically open whenever a user opens a newtab, there is no chance that user can forget their system.

What Inspired You

The inspiration for SparkTab came from observing how people struggle with consistency and clarity in their goal-setting processes. I realized that many individuals have ambitious goals but lack the necessary framework to break them down into actionable steps. This realization fueled my desire to create an intuitive platform where users could input their goals and receive tailored, daily action plans.

What You Learned

Throughout the development of SparkTab, I learned several important lessons:

User-Centered Design: I gained insights into the importance of understanding user needs and preferences, leading to a more intuitive user interface. Dynamic Prompting: Implementing a system that generates personalized daily steps based on user input taught me how to leverage AI to create dynamic and relevant content. Frontend and Backend Integration: I enhanced my skills in connecting the frontend of the application with the backend, ensuring smooth data flow and user experience.

How You Built Your Project SparkTab was built using a combination of React for the frontend and Node.js for the backend. I utilized the fetch API for making API calls to generate dynamic prompts based on user goals. The application allows users to enter their long-term goals, and receive a structured plan that outlines daily actionable steps. The use of local storage enables the app to save user goals and track progress over time.

Challenges You Faced Dynamic Content Generation: One of the biggest challenges was creating a prompt that would yield structured and actionable insights across various goal categories (e.g., typing, fitness, education). I had to iterate multiple times to refine the AI model’s responses, ensuring they were practical and easy to follow. Also it was challenging to structure the response in a javascript object which i can show on my frontend seamlessly.

User Interface Design: Balancing functionality and aesthetics in the UI was challenging, as I wanted to make the app visually appealing while maintaining usability. I sought feedback from potential users to make necessary adjustments. Data Persistence: Implementing local storage to save user input and retrieve it upon return required careful handling to ensure data integrity and a seamless user experience.

Built With

• daisy
• javascript
• react
• ui