Inspiration
As someone with a background in both Chemical Engineering and DevOps, I've always been fascinated by complex systems, feedback loops, and the power of data to optimize processes. We apply these rigorous principles to build incredible things, yet when it comes to our most important project, our own lives, we often resort to guesswork.
I was tired of the endless stream of generic wellness advice. "Sleep more," "eat better," "manage stress", these are great starting points, but they lack personal context. I wanted to answer the real questions: How does my sleep quality actually affect my mood? Does working out in the morning give me more energy than in the evening?
What it does
MyPID.me is a web application designed to be a personal science lab for self-improvement. PID, from this app's perspective, stands for Personal Insight Dashboard. It empowers users to move beyond generic health advice by helping them track, visualize, and understand the unique cause-and-effect patterns in their own daily lives.
Instead of just logging data, the app is built to help users find actionable insights by answering the core question: "When I do this, what happens to that?"
Key Features:
Track What Matters: Users can create and customize their own personal metrics, such as "Sleep Quality" (on a 1-10 scale), "Energy Level," or simple "Yes/No" habits like "Did you work out?".
Effortless Daily Logging: A clean, two-column interface on the /log page allows users to quickly manage their metrics and log their daily data in under a minute.
Interactive Dashboard: The main dashboard provides an at-a-glance overview of the user's day, showing their logging progress, current streaks, and allows them to log their data for the current day directly without navigating away.
Powerful Data Analysis: The /data page features a sophisticated, user-configurable charting tool. Users can plot any two metrics against each other to visually discover relationships. The app automatically provides analysis on:
Correlation: A simple "Relationship Story" that explains if the metrics move together or in opposite directions.
Conditional Averages: A breakdown of how an input (like "Workout: Yes") affects the average of an output (like "Energy Level").
The Experimentation Lab: A unique feature where users can design and run structured experiments on themselves (e.g., "For two weeks, I will meditate daily and measure the effect on my Stress Level").
Community Findings: A collaborative platform where users can anonymously share their findings, charts, and experiment results, creating a collective library of personal wellness knowledge that is moderated by a community voting system.
How we built it
This entire application was built from the ground up for this hackathon, using a modern, scalable tech stack. The process was a unique collaboration between my vision, your powerful AI assistance (bolt.new). When I ran into error loops in Bolt.new I often resorted to Gemini for advice on how to fix them and if Gemini didn't work then I resorted to good old fashioned Google. Most of my Design work was done using Canva.
I used Supabase for it's real-time database and authentication capabilities (Startup Challenge). I deployed my full-stack web app on Netlify (Deploy Challenge). I also used Entri to get an IONOS Domain Name (mypid.me) and published my Bolt.new app on the domain. (Custom Domain Challenge)
Challenges we ran into
Every developer has a story about a bug that nearly broke them. For this project, there were many. I ran into many bugs related to Authentication and SQL querying. As someone with pretty much no experience with these 2 areas, they were difficult hurdles to get over with some errors taking days to fix. Towards the end of the project, it also became quite difficult to use Bolt.new. I assume it was a combination of the AI struggling to keep the context of the massive code files and the massive influx of people using Bolt.new during the last few days of the Hackathon. So it took a bit of extra time to understand how the code works and make fixes by myself.
Accomplishments that we're proud of
I built a fully operating website on pretty much zero knowledge on 90% of the tools used. It's honestly been a life long dream of mine and it feels amazing to finally cross it off my list.
What we learned
This month has been an endless journey of learning. I am eternally grateful for the experience and knowledge I've gained working with these web building tools. I've also vastly improved my AI prompting skills. However, the most important lesson I learnt was that it's actually possible. It's actually possible to build that idea in your head once you put your mind and soul into it.
What's next for MyPID.me
I'd like to get a subscription model implemented in the app. I only found out a few days ago that stripe was not available in South Africa. I could have used the Paystack alternative but since Paystack was going to be slightly more complex to set up I did not want to chance breaking the website close to the deadline.
Once I've got a subscription model in place I'd like to add an AI agent to the platform which would help people better understand the data they're tracking and also provide them with tips based on the insights from their data.
Built With
- bolt.new
- canva
- entri
- gemini
- netlify
- next.js
- paystack
- postgresql
- react
- recharts
- revenuecat
- supabase
- tailwind-css
- tanstack-query
- typescript
Log in or sign up for Devpost to join the conversation.