Project Info
Inspiration
Recipeer was designed with two purposes in mind: We wanted to encourage sustainability by reusing ingredients that would otherwise go to waste. We also wanted to bring people together through food
What it does
Recipeer is a mobile app to make ingredients by combining recipes from you and your friends. After logging in, the user is prompted to upload a photo from their phone's camera roll, and AI scans the image for ingredients. The user's info and ingredients are used to create their profile, which they can use to connect with other people on the platform. Users can create events, where they can invite their friends and use AI to generate meal ideas based on the combinations of the ingredient each people has in stock.
How we built it
As Recipeer is designed as a mobile app, we developed the front end using React Native. For our backend, where we stored ingredients, recipes, and users, we used Convex. Finally, we used Gemini's API for AI calls, both for image transcription and as a text transformer.
Accomplishments we're proud of
We really stepped out of our comfort zones and completed this application using 2 technologies that we had no previous experience with: React Native and Convex. It was fascinating hearing about all the innovative tech here at the hackathon, and we wanted to try it out ourselves- so we decided on Convex for backend! One of our members attended the pre-hackathon mobile app workshop, which helped us kickstart our React Native journey this weekend! It has been a one of a kind learning experience! Challenges and what we learned Coding after flying in from out of state is hard! Might be easier to come in a day early. It took our team some time to settle on a solid wireframe of our idea - the extra time from the bullet point above might help with that. The scope of our project involved making a full-stack application - in the future, it might be good to find ways to tighten the scope for smoother development.
See our DevPost:
https://devpost.com/software/recipeer-1vatje
Inspiration
Recipeer was designed with two purposes in mind:
- We wanted to encourage sustainability by reusing ingredients that would otherwise go to waste.
- We also wanted to bring people together through food
What it does
Recipeer is a mobile app to make ingredients by combining recipes from you and your friends. After logging in, the user is prompted to upload a photo from their phone's camera roll, and AI scans the image for ingredients. The user's info and ingredients are used to create their profile, which they can use to connect with other people on the platform. Users can create events, where they can invite their friends and use AI to generate meal ideas based on the combinations of the ingredient each people has in stock.
How we built it
As Recipeer is designed as a mobile app, we developed the front end using React Native. For our backend, where we stored ingredients, recipes, and users, we used Convex. Finally, we used Gemini's API for AI calls, both for image transcription and as a text transformer.
Youtube Demo
https://www.youtube.com/watch?v=cTsCJhTmOHY
Tools & Technologies
Gemini API, React Native, Convex
Analysis
View
Metric
- 12
- 5
- 1
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- Google GeminiIn code
- JavaScriptIn code
- ReactIn code
- TypeScriptIn code
5 of 5 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
73 KB
Source files
26
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
gracelhu/Recipeer
54 files · 5.5 MB · @ 53b8104
Structure
Interface
14 files · 26%Screens, components and styles rendered to the user.
Application logic
9 files · 17%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript84%
- TypeScript11%
- Markdown5%
- CSS0%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
treehacks/package.json
npm · 30- @google/generative-ai
- @react-native-community/datetimepicker
- @react-navigation/bottom-tabs
- @react-navigation/native
- @react-navigation/native-stack
- convex
- devlop
- expo
- expo-font
- expo-image-picker
- expo-status-bar
- formik
- react
- react-datetime-picker
- react-dom
- react-markdown
- react-native
- react-native-date-picker
- +12 more
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.