https://github.com/jeffersonribeiro/react-shopping-cart

🛍️ Simple ecommerce cart application built with Typescript and React
https://github.com/jeffersonribeiro/react-shopping-cart

ecommerce ecommerce-cart-application firebase javascript react react-context react-hooks react-shopping-cart reactjs shopping-cart styled-components typescript

Last synced: 5 days ago
JSON representation

🛍️ Simple ecommerce cart application built with Typescript and React

• Host: GitHub
• URL: https://github.com/jeffersonribeiro/react-shopping-cart
• Owner: jeffersonRibeiro
• Created: 2018-04-05T00:40:47.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2024-07-24T10:31:00.000Z (6 months ago)
• Last Synced: 2025-01-08T22:17:04.033Z (12 days ago)
• Topics: ecommerce, ecommerce-cart-application, firebase, javascript, react, react-context, react-hooks, react-shopping-cart, reactjs, shopping-cart, styled-components, typescript
• Language: TypeScript
• Homepage: https://react-shopping-cart-67954.firebaseapp.com/
• Size: 54 MB
• Stars: 2,489
• Watchers: 74
• Forks: 1,125
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 🛍️ Simple ecommerce cart application [![CircleCI](https://circleci.com/gh/jeffersonRibeiro/react-shopping-cart.svg?style=svg)](https://circleci.com/gh/jeffersonRibeiro/react-shopping-cart)



  



## Basic Overview - [Live Demo](https://react-shopping-cart-67954.firebaseapp.com/)



  



✈️ [Follow Jeremy Akeze](https://www.linkedin.com/in/jeremy-akeze-9542b396/)

This simple shopping cart prototype shows how React with Typescript, React hooks, react Context and Styled Components can be used to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications.

#### Features

- Add and remove products from the floating cart using Context Api

- Filter products by available sizes using Context Api

- Responsive design

## Build/Run

#### Requirements

- Node.js

- NPM

```javascript

/* First, Install the needed packages */

npm install

/* Then start the React app */

npm start

/* To run the tests */

npm run test

```

### Copyright and license

The MIT License (MIT). Please see License File for more information.











A little project by Jefferson Ribeiro