mohammadsaud-0110/asos_clone

This project is collaborative project which is based on an online fashion store.

ASOS-clone (Fashionista)

Greetings from the team, We noticed that you have reached the README file. So we will take you through the documentation of our project.

About the website:

https://lucky-queijadas-f6b0ce.netlify.app/ FASHIONISTA is a clone of the original website ASOS (www.ASOS.com). This is an online store from where a user can purchase different fashionable products of there choice. The website has a good and easy user interface, to ensure that user have better experience while using the site. The website have different functionality which will further help to improve the user experience. This website has two main sections: MEN and WOMEN. The user needs to Register first to use the proper functionality of the website.

Functionality

:Sorting: Price: Low to High & High to Low

:Filter: Category, Brand, Color

:Favorite

Cart

About the Project:

Tech Stack : HTML | CSS | JavaScript | DOM(JavaScript) | Mock Api (+CRUD)

Coding Platform: VSCode

asos_clone's Issues

Men & Women Page

• Logo + Nav Bar
• Drop-Down Menu
• Carousel(both page)
• Main Body Static View
• Common Footer

Server/Mock API

• Create JSON Server OR Mock API for user-data & product-data
• Define data object keys for the server/API
• Using '.rest' file, apply CRUD operation to add new data, delete data and update data of users and product
• Appy CRUD using JavaScript

Cart & Favorite Page

• Create Static cart & Favorite Page
• Append data by fetching cart/favorite data of logged-in user
• Check increment/decrement functionality
• Check delete functionality
• Check total payable amount in cart page after increment/decrement of product quantity

Payment Page

• Create payment page, which should show cart product quantity and total payable amount
• Form to enter Delivery Address and Payment Option(Card number and pin, OTP in possible)
• Emptying the cart after successful purchase of cart products and adding the history of purchased items on server/mock API

Login/Signup

• Login form
• Registration form
• Login details check
• Registration details check
• Save new registration

Landing Page

• Logo
• Nav-bar(common)
• Main body
• Footer(common)
• Add CSS
• Include drop-down menu

Product Page

• Fetch Category wise products
• Append on DOM(grid view)
• Apply Filter/Sort
• Add to Cart function
• Add to favorite

Admin

• Create Admin Dashboard
• View all registered users, all products, to add new products and to view purchase history (Using fetch, method=GET)
• Delete particular user or product (Using fetch, method = DELETE)
• View purchase history of all products according to users
• Update particular user, product detail (Using fetch, method=PATCH / PUT)