https://github.com/gealsanchez/shopping

Responsive Web Design SPA the user can add or remove items from the cart, built with React, Redux,Tailwind CSS & JavaScript
https://github.com/gealsanchez/shopping

Last synced: about 1 month ago
JSON representation

Responsive Web Design SPA the user can add or remove items from the cart, built with React, Redux,Tailwind CSS & JavaScript

• Host: GitHub
• URL: https://github.com/gealsanchez/shopping
• Owner: gealsanchez
• License: mit
• Created: 2024-05-10T00:46:24.000Z (9 months ago)
• Default Branch: dev
• Last Pushed: 2024-05-13T01:40:41.000Z (8 months ago)
• Last Synced: 2024-11-03T16:36:44.362Z (3 months ago)
• Language: JavaScript
• Homepage: https://flowershop-cartfeature.netlify.app/
• Size: 2.03 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




Shopping Cart Project




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

- [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 React Project 

**Shopping Cart** shows a react & redux builded feature to add and remove items from a shopping cart

![Screenshot from 2024-05-12 18-44-56](https://github.com/gealsanchez/shopping/assets/94255143/70777ed7-ca37-4cd4-85c9-b37b8a7d5da3)

![Screenshot from 2024-05-12 18-45-34](https://github.com/gealsanchez/shopping/assets/94255143/6089580e-0c57-4802-8071-1cd7c07d2d10)

![Screenshot from 2024-05-12 18-45-43](https://github.com/gealsanchez/shopping/assets/94255143/5e7662b2-233e-4c89-80df-a84fadb3cdf2)

![WhatsApp Image 2024-05-12 at 7 05 53 PM](https://github.com/gealsanchez/shopping/assets/94255143/a69a79e1-d600-46ba-9d30-2e163ec72f38)

![WhatsApp Image 2024-05-12 at 7 05 53 PM (1)](https://github.com/gealsanchez/shopping/assets/94255143/fbe039ed-0307-4880-a422-9c848954b475)

![WhatsApp Image 2024-05-12 at 7 05 53 PM (2)](https://github.com/gealsanchez/shopping/assets/94255143/0043d204-03eb-4f5a-b8f6-967321cb14e3)

![WhatsApp Image 2024-05-12 at 7 05 53 PM (3)](https://github.com/gealsanchez/shopping/assets/94255143/8c049943-31bd-4a42-99bf-dd0f83a3fa14)

![WhatsApp Image 2024-05-12 at 7 05 54 PM](https://github.com/gealsanchez/shopping/assets/94255143/4fec28b0-ad6a-474c-841e-9d511dd24b85)

## 🛠 Built With 

 - HTML

 - CSS

 - JavaScript

 - React

 - Webpack

 - Tailwind

### Tech Stack 

  Client

  


    
React.js

  


### Key Features 

- **Single Page Application**

- **React components**

- **React props**

- **Handle events in a React app**

- **Use styles in a React app**

- **Use Tailwind in a React app**

- **Dynamic Screen Feature**

- **Navigation**

- **Redux**

(back to top)


## 🚀 Live Demo 

- - [Live Demo Link](https://flowershop-cartfeature.netlify.app/)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- node.js

- git

### Setup

Clone this repository to your desired folder:

- Open your terminal

- Navigate to the directory where you want to clone the project.

- Clone the project using by running the following command:

`git clone [email protected]:gealsanchez/shopping.git`

### Install

Install this project using the following command: 

`npm install`.

### Usage

To run the project, execute the following commands:

- `npm run build`

- `npm start`

### Run tests

To run tests, run the following command:

`npm test`

(back to top)


## 👥 Authors 

👤 **Gerson SANCHEZ**

- GitHub: [@github](https://github.com/gealsanchez)

- Twitter: [@twitter](https://twitter.com/gealsanchez)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/gersonsanchezsandoval/)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse and Shubham Sarda (Original design idea).

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)