https://github.com/nshahaf/ecommerce

React shopping cart app, with zustand state managment, responsive design and mobile navigation bar
https://github.com/nshahaf/ecommerce

cart crud react responsive-design scss zustand

Last synced: 3 days ago
JSON representation

React shopping cart app, with zustand state managment, responsive design and mobile navigation bar

• Host: GitHub
• URL: https://github.com/nshahaf/ecommerce
• Owner: nshahaf
• Created: 2024-09-23T11:59:21.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-12T14:47:35.000Z (3 days ago)
• Last Synced: 2024-11-12T15:36:48.139Z (3 days ago)
• Topics: cart, crud, react, responsive-design, scss, zustand
• Language: SCSS
• Homepage: https://nshahaf.github.io/ecommerce/
• Size: 758 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ecommerce shopping cart

This is a solution to the [Frontend Mentor Ecommerce site challenge](https://www.frontendmentor.io/challenges/ecommerce-product-page-UPsZ9MJp6). 

A modern look Ecommerce site, build with Vite, React and SCSS. 

This project features 

responsive design, shopping cart functionality, mobile/desktop navbar, lightbox image gallery, Zustand state managment and event handling

### Technologies Used

- **Vite**: Fast and modern build tool.

- **React**: A JavaScript library for building user interfaces.

- **SCSS**: Sassy CSS, a preprocessor that extends CSS with variables, nested rules, and more.

- **Zustand**: A state managment library based on React hooks

### Project Page

You can view the project live at: [Project Page](https://nshahaf.github.io/ecommerce/)

## Getting Started Locally

To view and run the project on your local machine, follow these instructions:

### Prerequisites

Make sure you have the following installed:

- **Node.js**: [Download and install Node.js](https://nodejs.org/)

- **npm**: Comes with Node.js, or you can [install npm separately](https://www.npmjs.com/get-npm).

### Installation

1. **Clone the repository:**

```bash

   git clone https://github.com/nshahaf/ecommerce.git

```

2. **Navigate to the project directory:**

```bash

   cd repository-name

```

3. **Install dependencies:**

```bash

   npm install

```

4. **Run the project:**

```bash

   npm run dev

```