https://github.com/zv3/react-spa-demo

Basic single-page application using React, Redux and react-router.
https://github.com/zv3/react-spa-demo

Last synced: 9 months ago
JSON representation

Basic single-page application using React, Redux and react-router.

• Host: GitHub
• URL: https://github.com/zv3/react-spa-demo
• Owner: zv3
• Created: 2016-09-23T22:31:24.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-12-24T03:52:57.000Z (over 7 years ago)
• Last Synced: 2025-09-06T00:47:04.660Z (9 months ago)
• Language: JavaScript
• Homepage: http://goo.gl/GrblCW
• Size: 58.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![Build Status](https://travis-ci.org/zv3/react-spa-demo.svg?branch=master)](https://travis-ci.org/zv3/react-spa-demo) [![Standard - JavaScript Style Guide](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)

![image](http://dzv3.s3.amazonaws.com/sfe-crossover-test/screenshot.png)

This is a single page React app that was built as part of a coding challenge which required the implementation and design to follow the provided mockup at the pixel level and the specifications as described.

The technology stack employed consists of React v15 and a few other React libraries like Redux (as state manager) and React Router (for url routing) as well as a charting library (chart.js) to draw the needed pie charts. On the UI design side Zurb's Foundation v6 SASS framework was used as the CSS framework. Facebook's Jest and AirBnb's Enzyme libraries were also used as testing frameworks in a browser environment.

A live demo of the app can be viewed [here](http://dzv3.s3-website-us-east-1.amazonaws.com/sfe-crossover-test/).

## HOW TOs

  - **Run the application locally**

    1. Run this command line in your OSX/Linux console: `npm i && npm start`

    2. Hit your browser to [http://localhost:3000/](http://localhost:3000/)

  - **Run the tests**

    1. Run this command line in your OSX/Linux console: `npm i && npm t`