https://github.com/alejandraarri/shop-online

Shop Online is multiple store example site built in React
https://github.com/alejandraarri/shop-online

react react-router styled-components

Last synced: 29 days ago
JSON representation

Shop Online is multiple store example site built in React

• Host: GitHub
• URL: https://github.com/alejandraarri/shop-online
• Owner: alejandraarri
• License: mit
• Created: 2018-07-26T16:22:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:03:35.000Z (almost 2 years ago)
• Last Synced: 2023-03-02T21:55:51.237Z (over 1 year ago)
• Topics: react, react-router, styled-components
• Language: JavaScript
• Homepage: http://shoponline.alejandraarri.com/
• Size: 81.4 MB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Shop Online - Multiple store example site built on React

![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square) ![Hackage-Deps](https://img.shields.io/hackage-deps/v/lens.svg?style=flat-square)

Shop Online is a multiple store example site built on React. This simple eCommerce is an example of how we can have multiple stores, very useful for a fashion firm that has several brands. In the landing page the customer chooses which store wants to visit and is routed to the selected store. Depending on the store chosen, collection info is loaded from a JSON server. Also the Style Components help to give definition to the store and differentiate from each other. In our case, for demonstration purposes, we have the Valentina store targeting a female audience and the Shoppers store focused on male customers. Both stores have the same features:  

 - Inventary panel: you can add more Garments to the Store.

 - Current Collection display: you can add to cart selected products.

 - Shopping cart: See the products in your cart and the total invoice amount.

## Usage

```bash

$ npm run shop-online

```

## Demo

Here is a working live demo:  http://shoponline.alejandraarri.com/

### Landing Page

![Landing Page Screenshot](https://raw.githubusercontent.com/alejandraarri/shop-online/master/img/landing.png?token=AIRH-G5opBLATNhGnTCPpRnczq2bh9iAks5blpJiwA%3D%3D)

### Valentina

![Valentina Store Screenshot](https://raw.githubusercontent.com/alejandraarri/shop-online/master/img/valentina.png?token=AIRH-GPb88lPYG4_-o7tRI-Bkt5_ir_Aks5blpLDwA%3D%3D)

### Shoppers

![Shoppers Store Screenshot](https://raw.githubusercontent.com/alejandraarri/shop-online/master/img/shoppers.png?token=AIRH-FnfLaJ_pNdVDOzGuNTYCFWIDrQ2ks5blpKvwA%3D%3D)

## Built with

* [React] - A JavaScript library for building user interfaces

* [Styled Components] - Use the best bits of ES6 and CSS to style your apps without stress

* [JSON Server] - Get a full fake REST API with zero coding in less than 30 seconds

* [Node.js] - Asynchronous event driven JavaScript runtime

* [ESLint] - The pluggable linting utility for JavaScript and JSX

* [Atom] - A hackable text editor for the 21st Century

## License

**shop-online** © [Alejandra Arri](https://github.com/alejandraarri), Released under the [MIT](https://github.com/alejandraarri/shop-online/blob/master/LICENSE) License.