This is a submission for the Hacktoberfest Weekend Challenge: Build for a Friend
What I Built
SafePlate is a food-safety and meal-planning app that helps households manage meals when different people have different food allergies and safety requirements.
I built it for a friend who wanted a simpler way to plan meals without constantly checking ingredients and worrying about whether a meal was safe.
SafePlate lets a household:
- Create multiple household profiles
- Store individual allergens and their severity
- Check ingredients for potential safety issues
- Generate personalized weekly meal plans
- Understand why a meal is considered safe
- Swap or lock meals
- Generate a grocery list from the weekly meal plan
- Keep each household member's meal plan separate
- Create an account and securely store household data
I also focused heavily on making the interface easy to use. Instead of asking users to fill out complicated forms everywhere, SafePlate uses cards, selectable options, chips, and clear safety indicators.
The goal was to build something that could actually be used by a real household rather than stopping at a hackathon prototype.
Demo
Live app: https://safe-plate-iota.vercel.app/
(Sign-In required)
Code
GitHub: https://github.com/RAKSHIT-0511/SafePlate
The project includes the React/TypeScript application, Supabase integration, safety engine, household profile management, meal planning, grocery-list functionality, and automated tests.
How I Built It
SafePlate uses React, TypeScript, and Vite for the web application, with Supabase providing authentication, PostgreSQL storage, and Row Level Security. Vercel is used for deployment.
I built the application through an AI-assisted development workflow using Antigravity. I used the agent to help implement features, restructure the application, debug issues, improve the user experience, and test the application as it evolved from a prototype into a real multi-user application.
One of the most important parts of the build was moving away from demo-only data and making the application work with real authenticated users.
The final architecture allows one account to have multiple household profiles, with each profile having its own allergens and meal plan:
Account
├── Rakshit
│ └── Allergens + Meal Plan
├── Mom
│ └── Allergens + Meal Plan
└── Dad
└── Allergens + Meal Plan
Each profile is stored independently in Supabase while remaining associated with the authenticated account.
The safety logic itself is deterministic. The application checks ingredients against the active profile's allergen information rather than relying on an AI model to make a safety decision.
I also added automated tests for the safety engine and multi-profile functionality. The final test suite contains 30 passing tests, with TypeScript compilation and the production build also passing successfully.
Why Does Open Innovation Matter?
Open innovation made it possible for me to combine different technologies and development tools to turn SafePlate from an idea into a working application.
Instead of depending on one closed platform, I was able to build different parts of the product using technologies that fit the problem: React and TypeScript for the interface, Supabase for authentication and persistent data, automated testing for reliability, and Vercel for deployment.
AI-assisted development also made it possible to iterate much faster. I could describe a problem, inspect the implementation, test it in the real application, and continue improving it.
One example was the multi-profile system. During development, an old database constraint from the original single-profile architecture prevented new household members from being created. The issue was identified while testing the real application and fixed without rebuilding the entire project.
For me, open innovation is about being able to combine tools, experiment quickly, understand how the pieces work together, and keep improving the product until it becomes useful to real people.
My Agent Session
I used Antigravity throughout the development of SafePlate as an AI-assisted coding agent.
The development process included implementing the application, improving the UX, integrating Supabase, building the multi-profile architecture, debugging runtime issues, writing tests, and preparing the application for production deployment.
I don't have a saved DevRelay session link yet, so I'm leaving the session link out rather than adding a placeholder.
Prize Categories
-Best Use of Render
-Best Use of DigitalOcean
-Best Use of Gemma
-Best Use of MongoDB Atlas
-Best Use of Temporal
Top comments (0)