How seven742/e-commerce-app works
This is an Expo Router shopping app. The main customer workflow is browsing or searching a local product catalog, opening a product, and managing cart and favorites; account, address, order, payment, and support screens provide adjacent shopping flows. Authentication screens lead into the shop. Cart and favorite state are held in React context at the app root. Source excerpts and the SOURCE INDEX support the shown dependencies; several screen implementations and routing details were not sampled, so those links are omitted.
Main entry points: Home.js Home storefront · CartContext.js Cart state · FavoriteContext.js Favorite state · Search.js Product search
Components 20
App navigation
- Root layout
src/app/_layout.js - Shop navigation
src/app/(main)/_Layout.js
Shopping experience
- Home storefront
src/app/(main)/Home.js - Product search
src/app/(main)/Search.js - Product details
src/app/(main)/Detailscreen.js - Cart and orders
src/app/(main)/Order.js - Favorites screen
src/app/(main)/Favorites.js - Shopping support screens
src/app/(main)
State and catalog
- Product catalog
src/data/items.js - Favorite sample data
src/data/favoriteitems.js - Cart state
src/context/CartContext.js - Favorite state
src/context/FavoriteContext.js - Featured products
src/data/Featured_item.js
Account and access
- Auth screens
src/app/(auth) - Login screen
src/app/(auth)/index.js - Account screens
src/app/(main)/Account.js - Profile editor
src/app/(main)/Edit_profile.js - Profile field
src/components/ProfileField.js - Shared button
src/components/CustomButton.js
Other components
- Customer
Connections 21
- Customer → Login screen: signs in
src/app/(auth)/index.js - Login screen → Shop navigation: routes to
src/app/(auth)/index.js - Root layout → Cart state: provides state
src/app/_layout.js - Root layout → Favorite state: provides state
src/app/_layout.js - Shop navigation → Home storefront: routes to
src/app/(main)/_Layout.js - Home storefront → Product catalog: reads products
src/app/(main)/Home.js - Home storefront → Cart state: reads cart
src/app/(main)/Home.js - Home storefront → Favorite state: toggles favorites
src/app/(main)/Home.js - Product search → Product catalog: filters products
src/app/(main)/Search.js - Product search → Cart state: reads cart
src/app/(main)/Search.js - Product search → Favorite state: toggles favorites
src/app/(main)/Search.js - Product details → Product catalog: looks up products
src/app/(main)/Detailscreen.js - Product details → Cart state: adds to cart
src/app/(main)/Detailscreen.js - Cart and orders → Cart state: reads cart
src/app/(main)/Order.js - Cart and orders → Favorite state: reads favorites
src/app/(main)/Order.js - Favorites screen → Favorite state: reads favorites
src/app/(main)/Favorites.js - Auth screens → Shared button: uses button
src/app/(auth)/SendCode.js - Login screen → Shared button: uses button
src/app/(auth)/index.js - Profile editor → Profile field: renders fields
src/app/(main)/Edit_profile.js - Shop navigation → Shopping support screens: routes among
src/app/(main)/_Layout.js - Home storefront → Account screens: opens account
src/app/(main)/Home.js