Skip to content

egabii/ws-react-redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

Watching exchange rate of bitcoin

This application shows data and allows the user to interact, without refreshing the page, and depending in the backend websocket. The application can be split in two part Frontend - react-redux SPA, which consume resources from a API, and keep up to date with bitcoin exchange rate Backend - express + socket.io API that fetches currencies which you can exchanges with bitcoins from currencies and the rate from here Exchange rate

More Info: Exchange rate api

CLIENT SIDE

This project was bootstrapped with Create React App.

Folder Structure

Within source folder (/src) you will find

src
└── assets                  ** here we keep saving static svg and images that we could use in our app
└── components              ** keep all the presentational components here 
└── containers              ** keep all stateful components and/or connectec components (connect to redux)
└── providers               ** keep services and helpers here so you can keep actionCreators simple as much as possible
└── state                   ** here come the app reducers and actions, as well as the store configuration
|       └── actions
|       └── reducers
|       └── store.js
└── app.js
└── app.module.css
└── index.js
└── serviceWorker.js
└── setupTests.js

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

TODO: Implement test report tool for a better visualization of TEST

SERVER SIDE

npm start

Runs the app in the development mode.
Open http://localhost:4000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test (pending TO-DO )

About

websocket, socket.io, react, redux, api express

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published