Otama01/Mobile-ecommerce-app

Final project for Axia Africa mobile development track # Mobile E-Commerce Application (OtamaShop) ## Description OtamaShop is a mobile e-commerce application built with React Native and Expo. It allows users to browse products, search for items, view product details, add items to cart, and simulate checkout. The app demonstrates core mobile development concepts such as navigation, state management, persistent storage, and UI consistency. --- ## Features Implemented ### Authentication * Login & Register screens * Email & password validation * Persistent login using AsyncStorage * Logout functionality ### Splash Screen * Displays app name * Auto-navigation after a few seconds ### Home Screen * Product listing from API (FakeStore API) * Search functionality * Product cards with: * Image * Title * Price * Rating ### Product Details * Large product image * Description * Price * Quantity selector * Add to cart functionality ### Cart * List of added products * Increase/decrease quantity * Remove items * Total price calculation * Empty cart state ### Checkout * Order summary * Simulated checkout process * Clear cart after order ### Profile * User information display * Logout functionality --- ## Tech Stack * React Native * Expo * TypeScript * AsyncStorage (for persistence) * Expo Router (navigation) * Context API (state management) --- ## Folder Structure Explanation The project is structured for scalability and maintainability: * `app/` → Contains screens and navigation (Expo Router structure) * `src/components/` → Reusable UI components (e.g., ProductCard) * `src/context/` → Global state management (CartContext) * `src/screens/` → Organized screen logic (where applicable) This structure separates concerns and improves code readability. --- ## Screenshots # Splash Screen # Login Screen # Home Screen # Cart Screen # Checkout Screen # Profile Screen # Product details Screen --- ## Optimization Techniques Used * **useMemo** * Used to optimize expensive calculations li …