Giter VIP home page Giter VIP logo

tunga-web's Introduction

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

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
  1. 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
  1. copy contents of /build folder to webserver

tunga-web's People

Contributors

davidsemakula avatar jonathanzerox avatar

Watchers

Francis Zziwa avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.