⭐ Inspiration

While we were exploring struggles with health or mental issues, we came up with a wide range of people, which included mother's recovering from postpartum, to kids dealing with ADHD to grandparents coping with dementia. At first we thought that these areas were lacking in support, however by quickly researching about these health problems we quickly realized that there were many resources to help each one of these individuals.

That is where we came up with Lab2Life, a health management application designed to help anyone, without a specific category. Whether someone is dealing with physical issues or mental health struggles, Lab2Life was created to make navigating wellness simpler, and more empowering.

📝 What it does

Lab2Life is a web and application empowers and motivates individuals them to look forward to something. Uploading your lab results or medical documents, Lab2Life uses AI to highlight the important pieces, suggest supplements, and offer dietary restrictions tailored to their user. It's not just about tracking numbers, it is created with understanding ones health in mind, making informed choices, and feeling educated and empowered every step of the way.

Using Lab2Life, managing your personal health becomes less overwhelming, helping you live healthier, with confidence and understanding.

🛠️ How we built it

Our team used modern React 18 and TypeScript as frontend along with Tailwind CSS, shadcn/ui, and Radix UI for a responsive design. Wouter handles routing, TanStack React Query handles server state, and PostgreSQL stores user health data.

🥅 Challenges we ran into

We ran into a couple of problems while working on Lab2Life. Processing was often slow, taking forever for the text to be extracted using AI. Saving these results took especially long when generating. PDF files also cause issues, converting their buffers to text would show strange characters that PostgreSQl could not store nor recognize.

🏆 Accomplishments that we're proud of

As mentioned previously uploads seemed to fail with 404 errors in the browser, but the core issue was the backend pipeline crashing on the first upload, making the UI feel broken even though the file had "uploaded." We ended up building a full end-to-end pipeline. Along the way, we fixed many bugs, including migrations, tables, and environment variables. We are proud about these achievements and that we followed through, overcoming many dead ends.

🎒 What we learned

This hackathon was our first time creating our own full end-to-end pipeline:upload PDF --> process --> save to PostgreSQL --> display results*. Through this experience we ganed hands-on insight into creating a full-stack web application. Connecting frontend and backend systems, while handling real-world data.

⏭️ What's Next for Lab2Life

Looking into the future, we hope to make Lab2Life even more helpful for individuals who struggle with their own challenges. While allowing them to store and share their journey to recovery.

Built With

• drizzle
• drizzle-kit-(migrations)
• express.js
• gemini
• interaction-checks)-deployment-/-cloud:-vercel-(frontend)
• javascript
• multer-(file-uploads)-database:-postgresql-orm-/-validation:-drizzle-orm
• neon
• node.js
• postgresql
• query
• react
• recommendations
• render
• render-(backend)
• shadcn/ui
• sql-frontend:-react-18
• tailwind
• tailwind-css
• tanstack-react-query-backend:-node.js
• typescript
• vercel
• vite
• wouter
• zod-ai-/-api:-google-gemini-api-(lab-extraction