https://github.com/karthikacharya26/wayfair

The Wayfair clone project is a web app that replicates Wayfair's shopping experience using React for a dynamic interface, Redux for state management, and JSON for data handling. Chakra UI is used for a sleek, accessible design, ensuring a seamless and user-friendly shopping experience.
https://github.com/karthikacharya26/wayfair

chakra-ui javascript react react-router redux

Last synced: about 1 month ago
JSON representation

The Wayfair clone project is a web app that replicates Wayfair's shopping experience using React for a dynamic interface, Redux for state management, and JSON for data handling. Chakra UI is used for a sleek, accessible design, ensuring a seamless and user-friendly shopping experience.

• Host: GitHub
• URL: https://github.com/karthikacharya26/wayfair
• Owner: karthikacharya26
• Created: 2024-06-29T10:39:19.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-29T20:14:23.000Z (7 months ago)
• Last Synced: 2024-11-06T06:24:09.764Z (3 months ago)
• Topics: chakra-ui, javascript, react, react-router, redux
• Language: JavaScript
• Homepage: https://wayfair-clone.vercel.app/
• Size: 86.9 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Wayfair Clone Project 

Welcome to the Wayfair clone project, a web application designed to provide a seamless shopping experience similar to Wayfair's online platform. Below are the key features and functionalities of the Wayfair clone project.

## Experience it yourself

 - [Wayfair clone](https://wayfair-clone.vercel.app/)

## Features

- Home Page 🏡 The home page serves as the entry point for users, providing an overview of featured products, promotions, and other relevant information.

- Login & Signup 🌐 Users can create accounts or log in to existing ones, ensuring a personalized experience.

- Cart Page Checkout 🛒 Review and manage selected products before proceeding to checkout.

- Proper Routing 🛤️ Navigating through different pages is smooth and intuitive.

- Sorting Functionality 🔄 Users can sort products based on various criteria for a better shopping experience.

- Smooth Interface 🌟 The website offers a user-friendly interface with seamless interactions.

## Tech Stack

- React and Vite

- Redux

- JSON

- Chakra UI

- npm

## Preview

1.Home Page

![App Screenshot](https://i.imgur.com/ijZwjI4.png)

2.Login Page

![App Screenshot](https://i.imgur.com/Hfu9J7k.png)

3.Signup Page

![App Screenshot](https://i.imgur.com/S3uoHmv.png)

4.Multi-Product Page

![App Screenshot](https://i.imgur.com/tWTOx1Q.png)

5.Single Product Page

![App Screenshot](https://i.imgur.com/fyMDKYp.png)

6.Cart Page

![App Screenshot](https://i.imgur.com/Scdw7xh.png)

## Run Locally

Clone the project

```bash

  git clone https://github.com/karthikacharya26/Wayfair.git

```

Go to the project directory

```bash

  cd my-project

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm run dev

```