https://github.com/imoamo/zappos-clone

A responsive Zappos clone built with React, featuring seamless cart management for adding and removing items. Designed for an optimal user experience across all devices.
https://github.com/imoamo/zappos-clone

chakra-ui reactjs

Last synced: 25 days ago
JSON representation

A responsive Zappos clone built with React, featuring seamless cart management for adding and removing items. Designed for an optimal user experience across all devices.

• Host: GitHub
• URL: https://github.com/imoamo/zappos-clone
• Owner: imoamo
• Created: 2024-03-04T17:26:14.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-15T15:43:08.000Z (about 2 years ago)
• Last Synced: 2024-12-30T22:44:21.920Z (over 1 year ago)
• Topics: chakra-ui, reactjs
• Language: JavaScript
• Homepage: https://my-zappos-clone.netlify.app/
• Size: 40 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Zappos Clone

Live URL: [https://my-zappos-clone.netlify.app/](https://my-zappos-clone.netlify.app/)

This project is a clone of Zappos made with React. It includes functionality such as adding items to the cart and removing items from the cart. The UI is responsive, ensuring a seamless experience across various devices.

## Screenshots of app

### Navbar 

![Screenshot (98)](https://github.com/imoamo/Zappos-Clone/assets/154124258/8041883a-99f9-46d4-88d3-3822d0cbe7b3)

### First Grid

![Screenshot (99)](https://github.com/imoamo/Zappos-Clone/assets/154124258/a12b91f1-d025-4186-806b-7db91779546c)

### Beauty of Chakra UI

![Screenshot (100)](https://github.com/imoamo/Zappos-Clone/assets/154124258/0a1fc9fc-1ffc-4532-b637-6a2b3d60f667)

### Carousel

![Screenshot (101)](https://github.com/imoamo/Zappos-Clone/assets/154124258/3a6ba970-b7ee-42d9-868c-396a10114dc5)

### Cart Page

![Screenshot (103)](https://github.com/imoamo/Zappos-Clone/assets/154124258/da2a4c37-4e7f-460d-a93d-bd9046b51e93)

### Footer

![Screenshot (102)](https://github.com/imoamo/Zappos-Clone/assets/154124258/5dfa5c55-8695-47da-a608-c25492029f7c)

## Getting Started

Follow these steps to get the project up and running on your local machine:

1. **Clone the project or download as zip:**

    ```bash

    git clone https://github.com/imoamo/Zappos-Clone.git

    ```

    Or download the zip file from the repository and extract it.

2. **Install packages:**

    ```bash

    npm install

    ```

3. **Run the development server:**

    ```bash

    npm run dev

    ```

## Usage

Once the development server is running, you can access the Zappos clone through your web browser. Explore the site, add items to the cart, and test out the responsiveness of the UI.