Shopee Mobile App Clone (React Native)

This project is a mobile application clone of Shopee, built using React Native. It replicates key functionalities found in the Shopee mobile app, including product searching, filtering, and cart management. The goal is to demonstrate skills in building smooth, interactive UIs and managing state in a mobile app environment.

Screenshots

Home Screen

Product Details

Add to Cart

Categories

Cart Screen

Search

Filter in Search

Prerequisites

• Node.js version > 18.0.0
• Yarn (preferred package manager)

---

🔑 Key Features

• Product Search and Filtering: Search for products by name, sort by newest arrivals, best-sellers, and price.
• Cart Management: Add, update, or remove products from the shopping cart.
• Smooth-Scrolling Header: Implements a dynamic UI with smooth scrolling animations for a polished user experience.

🛠️ Tech Stack

📚 Frameworks/Libraries

• React native: Used for building user interfaces with a component-based architecture.

📁 Structure

/shopee-mobile-app-clone
│
├── /assets               # Static assets like images, icons, etc.
│
├── /components           # Reusable UI components (e.g., buttons, headers)
│
├── /screens              # Application screens (e.g., Home, Product, Cart)
│
├── /navigation           # Navigation configuration (e.g., stack, tab navigators)
│
├── /redux                # Redux setup (actions, reducers, store configuration)
│
├── /utils                # Utility functions and helpers
│
├── App.js                # Entry point of the application
├── package.json          # Project metadata and dependencies
└── README.md  

📝 Version

0.1.0

Author

Le Quoc Dat

Passionate software developer with a knack for creating efficient and user-friendly applications. Dedicated to continuous learning and improvement, always exploring new technologies and methodologies.

• Portfolio: Website Portfolio
• GitHub: Le Quoc Dat
• LinkedIn: Le Quoc Dat

Feel free to reach out for collaboration or any inquiries!