Shopee Clone

I. Description

Shopee Clone is a web application that replicates the core functionalities of the Shopee e-commerce platform. This project is built using modern web technologies and libraries to provide a seamless and responsive user experience. This project is created solely for learning purposes and is NOT intended for commercial use

II. Main Features

• User Authentication:
  • Login
  • Register
  • Log out
• Product List:
  • Pagination
  • Sorting and filtering
  • Searching
• Product Detail:
  • Image on hover zoom effect
  • Descriptions are displayed in WYSIWYG HTML format
  • Add to cart
  • Buy Now
• Shopping Cart:
  • Order management: Add, edit, and delete products
  • Checkout
• User Profile:
  • Update user information
  • Upload Avatar
  • Change Password
  • Order tracking: View order status
• Localization: Support for multiple languages including:
  • English
  • Chinese
  • Portuguese
  • Spanish
  • Vietnamese.

III. Technologies Used:

• Programming Languages: JavaScript, TypeScript
• UI/CSS Library: TailwindCSS
• State Management: Tanstack/React Query + React Context
• Form Management: React Hook Form
• Build tool: Vite
• Multilingualism: i18next
• SEO: React Helmet
• Unit Testing: Vitest
• And many more

IV. Installation

To install and run this project locally, follow the step-by-step instructions below:

1. Clone the repository:

git clone https://github.com/pvdev1805/ShopeeCloneT12_24.git

2. Get into the project's folder:

cd ShopeeClone

3. Install dependencies: If you are using npm, run the following command:

npm install

If you are using yarn, run the following command:

yarn

4. Start running the project locally: If you are using npm, run the following command:

npm run dev

If you are using yarn, run the following command:

yarn dev

The project will be run locally at port 3000 by the URL: http://localhost:3000/

5. Building for production: If you are using npm, run the following command:

npm run build

If you are using yarn, run the following command:

yarn dev

If this command is executed successfully, the dist folder containing all building files for production, will be generated in the root folder of this project.