This documentation provides an overview of the ASOS.com clone project, built using HTML, CSS, JavaScript, and API integration. TRADO aims to replicate the basic functionality and design of the original ASOS website, allowing users to browse and purchase fashion products online.
Project Overview
Installation
Usage
Features
API Integration
Deployment
Screenshots
TRADO is a web application developed to mimic the functionality and appearance of the original ASOS website. It enables users to browse a wide range of fashion products, view detailed product information, add items to their cart, and proceed with the checkout process. It was renamed as TRADO for convenience.
The project utilizes HTML for the structure and layout of web pages, CSS for styling and visual presentation, and JavaScript for interactivity and dynamic functionality. Additionally, API integration is implemented to fetch real-time product data from the API.
To install and run the ASOS.com clone locally, follow these steps:
1.Clone the project repository: git clone https://github.com/Anburaj07/concerned-angle-3494.
2.Navigate to the project directory: cd asos-clone.
3.Open the home.html file in a web browser.
Upon opening the home.html file, you will be presented with the ASOS.com clone website. You can use the following features:
.Browsing: Explore different product categories, such as clothing, shoes, accessories, etc.
.Product Details: Click on a product to view its detailed information, including images, description and price.
.Cart: Add products to the cart and view the items currently in the cart.
.Checkout: Proceed with the checkout process, providing necessary details such as shipping address and payment information.
TRADO includes the following key features:
.Product Listing: Displaying a wide range of fashion products with relevant information, such as images, titles, and prices.
.Product Filtering: Ability to filter products based on categories, sizes, prices, etc.
.Product Search: Search functionality to find specific products based on keywords.
.Product Sorting: Sort functionality to find products based on price from low to high and high to low.
.Product Details: Detailed product information, including images, description, and price.
.Shopping Cart: Add products to the cart, view the cart, update quantities, and remove items.
.Checkout: A multi-step checkout process, including entering shipping details and payment information.
TRADO integrates with the API to fetch real-time product data. The API endpoints are accessed using JavaScript's fetch() function, and the retrieved data is dynamically rendered on the web pages. ⇥ API LINK
The ASOS.com clone deployed on the Netlify website. ⇥ DEPLOYMENT LINK
👉HOMEPAGE
👉REGISTRATION PAGE
👉WOMEN PAGE
👉PRODUCTS PAGE
👉PRODUCT DETAILS PAGE
👉CART PAGE
👉CHECKOUT PAGE
