How ayperi-hilal/recipe-app works
This is a React Native food-recipe app. Its visible entry workflow starts at Landing, where users can choose login or sign-up; sign-up uses Firebase Authentication and navigates to the tabbed app when an authenticated user is detected. The tab navigator exposes Home, Search, Bookmark, and Profile. Recipe cards fetch recipe details from Spoonacular for an image. The README provides no further capability details, and several screens and list components were not sampled, so their internal behavior and wiring are not inferred.
Main entry points: tabs.js Tab navigator · Landing.js Landing screen · SignUp.js Sign-up screen · App.js App navigator
Components 15
Entry and auth
- Landing screen
screens/Landing.js - Login screen
screens/Login.js - Sign-up screen
screens/SignUp.js - Firebase Auth
firebase.js
App navigation
- App navigator
App.js - Tab navigator
navigation/tabs.js - Profile screen
screens/Profile.js
Recipe experience
- Home screen
screens/Home.js - Search screen
screens/Search.js - Bookmark screen
screens/Bookmark.js - Meal list
components/MealList.js - Recipe card
components/Meal.js
Other components
- User
- Firebase service
- Spoonacular API
Connections 13
- User → App navigator: opens
- App navigator → Landing screen: starts at
- Landing screen → Login screen: opens
- Landing screen → Sign-up screen: opens
- App navigator → Tab navigator: routes to
- Sign-up screen → Firebase Auth: authenticates with
- Firebase Auth → Firebase service: uses
- Sign-up screen → Tab navigator: navigates on auth
- Tab navigator → Home screen: dispatches
- Tab navigator → Search screen: dispatches
- Tab navigator → Bookmark screen: dispatches
- Tab navigator → Profile screen: dispatches
- Recipe card → Spoonacular API: fetches details