Tunga Web Client

Web Client App for tunga.io

Installation

1. run this command from project root

npm install webpack -g
npm install webpack-dev-server -g
npm install

2. Install ImageMagick

Coding Guide

• Built with React,js and Redux
• All source code goes into /src
• Actions, Reducers, Components and Containers go in respective directories
• App Logic goes in app.js
• index.html is a template, refrain from editing (except when adding global libraries served via a CDN)
• Leverage ES6/ES2015 features in your code
• Use axios for networking
• Use __DEV__ , __PRERELEASE__ and __PRODUCTION___ predefined globals to filter code the should only be added in development and testing

Importing modules

Use either ES6 imports

import MyAction from 'actions/MyAction';

Or CommonJS imports

MyAction = require('actions/MyAction');

Importing Style sheets

Add this to app.js

import 'css/style.css';
import 'css/style.less';

Importing non NPM scripts

Add this to app.js

import "script!file.js";

Development

1. run this command from project root

To connect to the test/sandbox API at http://test.tunga.io/api/

npm run watch

To connect to a local version of the API running on your machine at http://localhost:8000/

npm run watch:local

2. A new browser tab with automatically open at http://127.0.0.1:8080/ (The browser will auto reload when changes are made to the code)

Debugging

React Developer Tools

Redux DevTools Extension

Documentation

Find API Documentation at https://tunga.io/api/docs/

Deployment

1. run the following commands from project root

npm install --production
npm run build

2. copy contents of /build folder to webserver