Asos Clone

Overview

ASOS is a popular online fashion and cosmetic retailer based in the UK. Founded in 2000, ASOS primarily caters to young adults. This product analysis focuses on a clone of the ASOS website that was created during the Unit 4 construct week at Masai. The clone website includes various features and functionalities, and it utilizes a combination of HTML, JavaScript, CSS, React, Redux, Chakra UI, and Json Server.

Features

• User signup and login pages with form validation and data management through Json Server.
• Home page showcasing featured items.
• Three product pages with product data managed through Json Server.
• Sorting and filtering functionality for easy navigation.
• Cart page with options to update the size and quantity of selected items.
• Checkout page for reviewing and finalizing the order.
• Payment page with confirmation of payment.

Installation

To run the ASOS clone project locally, follow these steps:

1. Make sure you have a code editor, such as Visual Studio Code, installed on your computer.
2. Clone the project from the repository.
3. Open the project in your preferred code editor.
4. Install any necessary dependencies.
5. Start the development server.
6. Access the website locally.

Summary

The ASOS clone project is a functional replica of the ASOS website. It includes various features such as user authentication, product pages, sorting and filtering functionality, a cart page, and a checkout process. The clone project utilizes HTML, JavaScript, CSS, React, Redux, Chakra UI, and Json Server to provide a seamless user experience. By cloning ASOS, the development team at Masai has created a project that showcases their skills in frontend development and web technologies. The live link to the clone project can be accessed at https://papaya-tarsier-65f2d1.netlify.app/.