Skip to content

Latest commit

 

History

History
91 lines (54 loc) · 3.86 KB

README.md

File metadata and controls

91 lines (54 loc) · 3.86 KB

zara-clone-project :

This project is a clone of ZARA.com which is well known online shopping store. The company specializes in fast fashion, and products include clothing, accessories, shoes, beauty products and many more things.

Tech Stack :

The tech Stack we used for creating this website are :-

  1. HTML
  2. CSS
  3. Javascript
  4. NodeJs
  5. ExpressJs
  6. MongoDb

Landing Page :

The landing page of ZARA.com displays the navigation bar which contains menu bar , search button , helps , Login Cart. In our website, we tried our best to clone same as original website.

Screenshot (1565)
Screenshot (1564)

Menu Section :

We have added Menu section on the top left corner, if you click on the menu it will show the categories and subcategories of that section.

Screenshot (1566)


Screenshot (1567)

Product Page :

There are so much categories user can find their products according to their need . We have added products from original website and categorized them into different section.

Screenshot (1568)

Screenshot (1569)

Screenshot (1570)

Screenshot (1571)

we have also added filter and sort functionality on product page and we are fatching all the products data from our own API.

Screenshot (1572)

Cart Section :

When we add some products using Add to Bag button, the products you have choosen, will showcase into the Cart Section.

Screenshot (1573)

Login and Create Account :

You can see Login and Create Account page. We used some NPM packages to authorize and authenticate users. Here user can also login and logout to the website.

Screenshot (1574)

Screenshot (1575)

Payment Page :

We have added different payment methods, users can choose according to there preference, and after selecting any method it will redirect users to final payment page. Users have to provide OTP to verify their order which they received on their registered Email address.

Screenshot (1576)

Screenshot (1577)

Responsive :

Our website is responsive as well.

Contributors :

  1. Anjum Ara : https://github.com/anjumara07

  2. Divyansh Singh Sikarwar : https://github.com/divyansh050

  3. Himanshu Sharma : https://github.com/sharmahimansh007

  4. Hitendra Mali : https://github.com/h1t3ndr4

  5. Rohit : https://github.com/Rohitb1107

  6. Babli kumari : https://github.com/bablikumari2

Our blog link :

https://h1t3ndr4.medium.com/cloning-of-zara-website-119d7d053880

Deploy Link :

https://zara-replica.netlify.app/