Chameleon Console Web Pannel

Chameleon Project with React, Redux & TypeScript

New Console Web Pannel for Clickyab corporate.

Note that this project use tslint with default config and all contributors must keep this standard.

project structure

.
├── dist                                 # Compiled files (index.html & assets)
├── src                                  # Source files (alternatively `lib` or `app`)
│   ├── components                       # Global Components           
│   │   ├── Avatar                       # Avatar component
│   │   │   ├── style                    # component styles
│   │   │   └── index.ts                # source of `dashboard` component 
│   │   .         
│   │   .         
│   │   └── index.ts                    # export components          
│   ├── constants                        # Global application constants                     
│   ├── containers                       # Main containers (react components that has route)
│   │   ├── Private                      # Private routes components
│   │   │    ├── Dashboard               # Dashboard component
│   │   │    │   ├── style               # component styles
│   │   │    │   └── index.ts           # source of `dashboard` component 
│   │   │    .         
│   │   │    .         
│   │   │    └── index.ts               # export private components
│   │   ├── Public                       # Public routes components
│   │   │    ├── Sigin-in                # Sign in component
│   │   │    │   ├── style               # component styles
│   │   │    │   └── index.ts           # source of `sign in` component 
│   │   │    .         
│   │   │    .         
│   │   │    └── index.ts               # export private components
│   │   └── index.ts                    # Source files (alternatively `lib` or `app`)                
│   └── README.md                        # Source files (alternatively `lib` or `app`)
├── types                                # Global types (typescript types)
├── tsconfig.json
├── webpack.config.js
└── README.md

Contains

• Typescript 2.4
• React 15.6
• Redux 3.7
• React Router 4.1
• Redux DevTools Extension
• TodoMVC example

Build tools

• Webpack 3
  • Tree Shaking
  • Webpack Dev Server
• Awesome Typescript Loader
• PostCSS Loader
  • CSS next
  • CSS modules
• React Hot Loader
• ExtractText Plugin
• HTML Webpack Plugin

Setup

$ npm install

Running

$ npm start

Build

$ npm run build