migrating-to-single-spa-react-starter

KO | EN

gitlite — search

#react #ai #golang #go #machine-learning #rust #docker #nodejs #java #windows #awesome #cli #ios #open-source

migrating-to-single-spa-react-starter

(★ 8)

A starter pack for the "React - Migrating to single-spa" tutorial

migrating-to-single-spa-react-starter Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## 🛍️ Simple ecommerce cart application built using React Redux

 <img src="https://img.shields.io/badge/React-16.3.1-blue.svg">
 <img src="https://img.shields.io/badge/Redux-3.7.2-blue.svg?colorB=764abc">
 <img src="https://img.shields.io/badge/Nodejs-6.10.2-blue.svg?colorB=90c53f">
 <img src="https://img.shields.io/badge/Express-4.16.3-blue.svg?colorB=47535e">
 
 <img src="./doc/img/react-store.gif">

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

This simple shopping cart prototype shows how React components and Redux 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
- Sort products by highest to lowest and lowest to highest price
- Filter products by available sizes
- Products persist in floating cart even after page reloads
- Responsive design for desktop, tablets and mobile
- Product stoppers for free shipping

#### Using
- React
  * Redux - for application state management
- Nodejs
  * Express CORS Middleware
  * Nodemon - for watching for server changes
- Axios - for promise HTTP requests
- Native local storage API - for product persistence in floating cart
- CSS
  * BEM methodology
  * SASS

## Getting started

#### Requirements

- Node.js
- NPM

### Package installation

Execute the following command on your terminal to install all the needed packages:
``` bash
npm install
```

### Run the API Server

Start the server using:
``` bash
npm run server
```

When done, the products API will be running on  `http://localhost:8001/api/products`

keep it running on a terminal and go to the next step.

### Start the React App

just execute the following command and thats it! :D
``` bash
npm start
```

The application will start automatically in your browser on `http://localhost:3000`

### Copyright and license
The MIT License (MIT). Please see License File for more information.

### Todo
- [ ] Implement filters by URL params using react-router

<img src="https://avatars2.githubusercontent.com/u/20846473?s=70&v=4" width="35" height="35"/>

A little project by <a href="http://www.jeffersonribeiro.com/">Jefferson Ribeiro</a>

migrating-to-single-spa-react-starter

migrating-to-single-spa-react-starter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

migrating-to-single-spa-react-starter

migrating-to-single-spa-react-starter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README