Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/m-sehrawat/adidas-clone

We tried to clone the Adidas website and tried to implement some important functionalities
https://github.com/m-sehrawat/adidas-clone

css html javascript

Last synced: 2 months ago
JSON representation

We tried to clone the Adidas website and tried to implement some important functionalities

Awesome Lists containing this project

README

        

# [Adidas | Original](https://www.adidas.co.in/search)

We were a team of 4 from the Masai Web-12 batch who worked on cloning the Adidas website as part of our Unit-2 construct week. As a team, we were given a project to clone the Adidas website. Our project demonstrates a basic flow of an e-commerce page, where a customer can view and filter products, add their product to a cart and place his or her happy order.

Adidas is a German multinational corporation, founded and headquartered in Herzogenaurach, Germany, that designs and manufactures shoes, clothing and accessories. It is the largest sportswear manufacturer in Europe, and the second largest in the world, after Nike.

## Adidas Clone

### [Deployment Link](https://m-sehrawat.github.io/Adidas-Website-Clone/Project%20Files/adidas_home_page.html)

### Home Page

![](https://github.com/m-sehrawat/Adidas-Website-Clone/blob/main/Adidas%20Clone%20Screen%20Shots/Home%20page.png?raw=true)

### Product Page
![](https://github.com/m-sehrawat/Adidas-Website-Clone/blob/main/Adidas%20Clone%20Screen%20Shots/Products%20Page.png?raw=true)

### Product Description Page
![](https://github.com/m-sehrawat/Adidas-Website-Clone/blob/main/Adidas%20Clone%20Screen%20Shots/Product%20Description%20Page.png?raw=true)

### Checkout Page
![](https://github.com/m-sehrawat/Adidas-Website-Clone/blob/main/Adidas%20Clone%20Screen%20Shots/Checkout%20Page.png?raw=true)

### Shipping Address Page
![](https://github.com/m-sehrawat/Adidas-Website-Clone/blob/main/Adidas%20Clone%20Screen%20Shots/Shipping%20Address%20page.png?raw=true)

### Sign up Page
![](https://github.com/m-sehrawat/Adidas-Website-Clone/blob/main/Adidas%20Clone%20Screen%20Shots/Sign%20Up%20page.png?raw=true)

### Payment Page
![](https://github.com/m-sehrawat/Adidas-Website-Clone/blob/main/Adidas%20Clone%20Screen%20Shots/Payment%20Page.png?raw=true)

## [Getting Started]

### Execution..
Want to run in your local Machine? Great!

To run, follow these steps:

- Clone my repository `https://github.com/m-sehrawat/Adidas-Website-Clone`
- Open that code in your VS code `Project Files/adidas_home_page.html`
- Open the `adidas_home_page.html` on Live server
- Then you can Navigate through other pages from Home page like `product_page.html`, `adidas_productDescription.html` etc

## Built with

- HTML 5
- CSS 3
- Advance JavaScript (ES6)

## Creators

- [@Mohit Sehrawat](https://github.com/m-sehrawat/)
- [@Taher Ahmed](https://github.com/taherahmed14)
- [@Pabitra Saikia](https://github.com/ipabitrasaikia1)
- [@Renu Kumari](https://github.com/renurisha)