https://github.com/hashal890/exclusive-yoox-clone

Exclusive (Yoox) hosts premier online luxury, fashion, and style destinations, featuring four multi-brand stores: Net-a-Porter, Mr Porter, the Outnet, and Yoox. Explore the finest in fashion and luxury at these renowned online destinations.
https://github.com/hashal890/exclusive-yoox-clone

axios chakra-ui css express html javascript js jsonwebtoken mongodb nextjs nodejs passport razorpay redis vercel

Last synced: about 1 month ago
JSON representation

Exclusive (Yoox) hosts premier online luxury, fashion, and style destinations, featuring four multi-brand stores: Net-a-Porter, Mr Porter, the Outnet, and Yoox. Explore the finest in fashion and luxury at these renowned online destinations.

• Host: GitHub
• URL: https://github.com/hashal890/exclusive-yoox-clone
• Owner: Hashal890
• Created: 2022-11-08T05:46:59.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-27T12:51:26.000Z (almost 3 years ago)
• Last Synced: 2025-08-20T20:55:30.753Z (about 2 months ago)
• Topics: axios, chakra-ui, css, express, html, javascript, js, jsonwebtoken, mongodb, nextjs, nodejs, passport, razorpay, redis, vercel
• Language: JavaScript
• Homepage: https://yoox-clone-by-exclusive.vercel.app/
• Size: 6.91 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Exclusive(Yoox) Clone ⤵

Hello everyone, we are a group of 5 members built a website's clone [Yoox](https://www.yoox.com/us) in our construct week at Masai School.

- Vercel Link:- https://yoox-clone-by-exclusive.vercel.app/

- Backend Link of user:- https://yoox-clone-by-exclusive.vercel.app/api/user

- Backend Link of product:- https://yoox-clone-by-exclusive.vercel.app/api/product

## Features ⤵

- Google and GitHub oauth on login page.

- Animations on carousels.

- Manual and automatic carousels on home, mens and womens pages .

- Sort & filter on product page.

- Add and remove items from cart in cart as well as product pages.

- Payment methods done by razorpay and credit card.

- Get a smooth experience in payment, login & signup process.

## Screenshots ⤵

### 1. Signup Page

![Signup Page](./assets/signupPage.png)

### 2. Login Page

![Login Page](./assets/loginPage.png)

### 3. Home Page

![Home Page](./assets/homePage.png)

### 4. Mens View Page

![Mens View Page](./assets/mensDetailsPage.png)

### 5. Womens View Page

![Womens View Page](./assets/womensDetailsPage.png)

### 6. All Products Page

![Products Page](./assets/allProductsPage.png)

### 7. Mens Products Page

![Mens Products Page](./assets/mensProductsPage.png)

### 8. Womens Products Page

![Womens Products Page](./assets/womensProductsPage.png)

### 9. Single Product Page

![Single Product Page](./assets/singleProductsPage.png)

### 10. Cart Page

![Cart Page](./assets/cartPage.png)

### 11. Checkout Details Page

![Checkout Details Page](./assets/shippingPage.png)

### 12. Checkout Payment Page

![Checkout Payment Page](./assets/paymentPage.png)

### 13. Checkout Review and Order Page

![Checkout Review and Order Page](./assets/reviewAndOrderPage.png)

### 14. Rezorpay Integration

![Rezorpay Payment Page](./assets/rezorpayPaymentIntegration.png)

## Tech Stack ⤵

- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)

- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)

- [JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

- [NextJS](https://nextjs.org/)

- [MongoDB](https://www.mongodb.com/)

- [Chakra-UI](https://chakra-ui.com/)

- [Rezorpay Integration](https://roopamgarg.medium.com/how-to-integrate-razorpay-payment-gateway-with-react-js-and-node-js-98244b9c0a87)

- [Redis](https://redis.io/)

- [ExpressJS](https://expressjs.com/)

- [Json Web Token](https://jwt.io/)

- [Passport](https://www.passportjs.org/)

- [Vercel](https://vercel.com/)

## Connect with authors ⤵

- [Harshal Pardeshi](https://www.linkedin.com/in/harshalpardeshi/) ↪ Cart and checkout pages

- [Sanjay Gupta](https://www.linkedin.com/in/iamsanjaygupta/) ↪ Backend Part

- [Radhe Shyam Soni](https://www.linkedin.com/in/radhe-shyam-soni-692529148/) ↪ Prouduct pages

- [Sathan Kumar](https://www.linkedin.com/in/sathan-kothandam/) ↪ Home, Login, Signup pages

- [Swapnil Kushwaha](https://www.linkedin.com/in/swapnil-kushwaha-24b3a1185/) ↪ Admin Dashbaord

## Feedback ⤵

If you have any feedback or queries, please reach out to us at pardeshiharshal90@gmail.com.