Skip to content

Clone of the popular online shopping store Zara. A Full Stack project use HTML , CSS & JavaScript for front end and nodeJS on backend. It's a team project completed executed in 5 days.

Notifications You must be signed in to change notification settings

divyansh050/ZARA-CLONE

Repository files navigation

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/

About

Clone of the popular online shopping store Zara. A Full Stack project use HTML , CSS & JavaScript for front end and nodeJS on backend. It's a team project completed executed in 5 days.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published