ThriveHub

Inspiration

Teens often struggle with everyday skills like cooking, budgeting, and stress management. Our inspiration came from the idea of creating a simple digital companion that makes these challenges easier and helps young people build confidence in daily life.

What it does

ThriveHub provides three core tools designed for everyday support. The recipe generator helps teens quickly discover meal ideas, the budgeting assistant allows them to track spending and manage savings, and the anxiety copilot offers AI-based guidance for stress relief. Together, these features empower teens to practice essential life skills in a simple, supportive way.

How we built it

We built ThriveHub using Python and web technologies. For the user interface, we used the Streamlit library to create interactive elements like buttons and inputs. Flask handled the backend logic, which connected to the OpenAI API and leveraged the GPT-4 model to generate personalized content. The frontend sends requests to the backend, where GPT-4 processes them and returns AI-powered responses. For the Anxiety Copilot website, we combined HTML, CSS, and JavaScript to design a clean, supportive experience. This architecture allowed us to build a lightweight, accessible, and intelligent platform for teens.

Challenges we ran into

One of the biggest challenges was putting everything together into a single functional project. Connecting the backend to the frontend required careful setup, especially to ensure that requests from the UI were properly handled and responses were returned without errors. Generating a smooth home screen with buttons and navigation in Streamlit also took time to refine. We ran into issues with organizing files, keeping the backend and frontend in sync, and making sure the GPT-4 API calls were consistent across different parts of the app. Balancing these technical pieces while keeping the interface simple and teen-friendly was a key hurdle.

Accomplishments that we're proud of

We are proud that ThriveHub successfully delivers three fully functional tools within a short time frame. One of our biggest achievements was building a clean and accessible website that feels practical and useful beyond the hackathon setting. We were able to generate REST API for proper communication between servers, ensuring smooth interaction between the frontend and backend. Another accomplishment was learning to manage our time effectively, which allowed us to integrate AI-driven support seamlessly and create a polished project that could serve as an incredible website for use in university.

What we learned

Through this project, we learned how to combine AI models with real-world APIs to create practical applications. We also gained a deeper appreciation for user-centered design, especially when building for younger audiences, and developed skills in debugging and deployment under tight deadlines. Another important takeaway was learning how to set up smooth communication between servers using REST APIs, which made the interaction between the frontend and backend far more reliable and efficient.

What's next for ThriveHub

Looking ahead, we plan to enhance ThriveHub with gamification features such as badges, points, and challenges to keep teens engaged. We also aim to expand the platform with new tools, like a safe study spots map and job preparation tips. Improving mobile accessibility and refining the user interface are priorities, and we ultimately want to test the app with real teens to gather feedback and make meaningful improvements.

Built With

• css
• flask
• html
• javascript
• openai
• python
• rest-api
• streamlit