Inspiration for your next meal
“I want to cook something, but I do not know what. I would love a quick, visual way to discover new dishes.”
- Helps undecided users quickly find meal inspiration
- Minimal UI for fast browsing and decision making
- No sign up or login required, just open and explore
- Displays a list of meal categories for easy exploration
- Users can select a category to see a list of meals within it
- Tap on any meal to view its recipe with ingredients and steps
- Option to watch a YouTube video for step by step cooking guidance
Bites is a lightweight, cross platform mobile app that helps users quickly discover meal ideas when they are unsure what to cook. It is designed to deliver fast, image first recipe inspiration.
-
Browse meals by category
(e.g: Beef, Dessert, Seafood) -
View meals under the selected category
- See a list of meal names with thumbnails
-
Tap on a meal to view details
- See ingredients, instructions, and other info
- React Native (with Expo)
- React Navigation – for screen navigation and stack management
- React Query – for API data fetching and caching
- Expo Image – optimized image loading with caching
- TypeScript – type safety and better developer experience
- Clean Architecture
- Separate folders and files for UI and data
- Clear separation of UI and business logic
- Reusable components
-
Clone the repo:
git clone https://github.com/ckpdr/1060
-
Install dependencies:
npm install
-
Start the app:
npx expo start
-
Open in Expo Go or emulator
You can watch the app here: [Watch the demo]
- Add state management using Redux or Zustand
- Allow users to mark a recipe as a favorite
- Allow users to search for a recipe
- Enable offline mode
- Allow users to pre-plan meals for each day of the week
- Explore possibilities of adding more images to a single meal