An enterprise-level mobile e-commerce application built with React Native and Redux Toolkit for state management. This app offers a modern and smooth shopping experience with dynamic product listings, user authentication and cart management functionality.
- User Authentication: Login, and manage accounts.
- Product Listings: Dynamic product display with categories and search functionality.
- Product Details: Detailed view of each product, including images, description, and price.
- Cart Management: Add, remove, and update products in the cart using Redux Toolkit for state management and Async Storage to persist cart data across app restarts.
- Multilingual Support: Internationalization with i18next for a global user base.
- Responsive UI: Tailored layouts for different screen sizes and devices.
- Navigation System:
- Stack Navigation: Handles screen transitions and deep links.
- Bottom Tab Navigation: Provides easy access to primary sections of the app.
- Top Bar Navigation: Enables nested navigators with contextual tabs.
- Performance Optimization: Utilized Higher-Order Components (HOCs) and Custom Hooks for reusability and efficient rendering.
| Technology | Description |
|---|---|
| React Native | Framework for building cross-platform mobile apps |
| Redux Toolkit | State management for scalable applications |
| React Navigation | Smooth navigation between screens |
| Async Storage | Data persistence solution used to store and retrieve cart data across app restarts |
| React Native Paper | UI component library for Material Design, used for creating all inputs and buttons |
| Expo Linear Gradient | Gradient background wrapper for creating visually appealing UI elements |
| i18next | Multilingual support |
| RESTful APIs | Backend communication |
| Figma | Design and prototyping |
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/denizgulbahar/EcommerceApp.git cd EcommerceApp - Install dependencies:
npm install
- Run the app:
npx react-native run-android # For Android npx react-native run-ios # For iOS
Usage 🏃♂️
Authentication: Login with given email and password.
Browse Products: Explore different categories and products.
Add to Cart: Select products and add them to your cart.
Checkout: Proceed with checkout and payment.
Contributing 🤝 Contributions are welcome! Please open an issue or submit a pull request.
License 📜 This project is licensed under the MIT License - see the LICENSE file for details.
Contact 📧 Email: deniz.gulbahar@outlook.com