Inspiration
We all know the struggle of not knowing what to eat, especially as busy students. Meal Swipe makes it simple and fun by letting you swipe through recipes swiping through, helping you quickly find meals that match your taste and save you from decision fatigue. Also saves on grocery lists being too long so customers only need to get what they want for specific meals they liked.
What it does
MealSwipe takes the stress out of choosing what to eat. You swipe through recipes one by one, see the ingredients and cooking steps, and get the nutrition info (like calories, protein, carbs, and fats) all in one place. It makes finding a meal quick, fun, having a variety of options to select from.
How we built it
We built a recipe discovery app using React Native with TypeScript, featuring a Tinder-like swiping interface for exploring recipes. The app includes a comprehensive recipe database with detailed nutritional information, dietary restrictions, and meal types, all stored in a structured TypeScript format. Key features include filtering by dietary preferences, nutritional content, and meal types, with a clean, responsive UI that displays recipe cards with images, macros, and preparation details.
Challenges we ran into
We had issues with the dataset as sometimes there were repeats of recipes, some of the datasets didn't have pictures for them, and also just the datasets needing to be heavily modified.
We also ran into challenges when integrating the dataset into our full-stack application. At first, the dataset wouldn’t display properly on the front end, which made it difficult to test and showcase our features. We had to spend extra time debugging the connection between the backend and the UI to make sure the data was loading and showing up as expected.
Accomplishments that we're proud of
We’re really happy with how our UI turned out. One feature we’re especially proud of is the sliding/swipe interaction—it makes the app feel intuitive, fun, and engaging, especially for our generation.
What we learned
We learned how to build a full-stack app on IOS, including both back-end and front-end and using tools like expo in order to test and display it on our phones.
What's next for MealSwipe
We want to transform MealSwipe into a social media app, where chefs can post their recipes for other people and gain a following. They will also be able to see how many swiped like on their recipe and maybe be given a monetary compensation down the line.
Log in or sign up for Devpost to join the conversation.