How felmasry1-max/project-fares works
This is an Arabic-language storefront and lightweight administration UI, rather than the generic React/Vite product described by its README. The main shopper flow loads products, falls back to bundled examples when needed, filters them, and displays product cards. Admin routes provide product creation, category management, and tag management. The product form and storefront call the API client; tag management uses component-local state. Category-page internals and API configuration were not sampled, so their wiring is omitted where uncertain.
Main entry points: Store.jsx Store page · App.jsx Router and routes · api.js API client · AddProduct.jsx Add product form
Components 19
Application shell
- Router and routes
src/App.jsx - API client
src/services/api.js - Shop navigation
src/components/Navbar.jsx - Admin navigation
src/components/AdminNavbar.jsx
Storefront
- Store page
src/pages/Store.jsx - Example products
src/data/mockProducts.js - Search input
src/components/SearchBar.jsx - Type filters
src/components/FilterTabs.jsx - Category filter
src/components/Sidebar.jsx - Product card
src/components/ProductCard.jsx - Pagination
src/components/Pagination.jsx
Product management
- Add product form
src/pages/AddProduct.jsx
Administration
- Category management
src/pages/CategoriesPage.jsx - Category card
src/components/categories/CategoryCard.jsx - Category editor
src/components/categories/CategoryModal.jsx - Category deletion dialog
src/components/categories/DeleteCategoryModal.jsx - Tag management
src/pages/ManageTags.jsx
Other components
- Visitor
- Product API
Connections 16
- Visitor → Router and routes: navigates
- Router and routes → Store page: routes
- Router and routes → Add product form: routes
- Router and routes → Category management: routes
- Router and routes → Tag management: routes
- Router and routes → Shop navigation: renders
- Router and routes → Admin navigation: renders
- Store page → API client: fetches products
- Store page → Example products: falls back to
- API client → Product API: HTTP requests
- Store page → Search input: passes search state
- Store page → Type filters: passes type state
- Store page → Category filter: passes category state
- Store page → Product card: renders products
- Store page → Pagination: renders pages
- Add product form → API client: submits product