hapi-react-starter-kit
A hapi React Starter kit with react-router, redux, react-transform







_Light and fast - Don't be sad, be hapi!_
Inspired by
This repo was inspired by the following projects and their authors
*
react-kickstart by
Alessandro Arnodo
*
react-isomorphic-starterkit by
RickWong
*
react-transform by
Dan Abramov
*
webpack-express-boilerplate by
Christian Alfoni
* Heavily based on
Erikras'
react-redux-universal-hot-example
*
redux-react-router-async-example by
emmenko
*
hapi-socketio-redis-chat-example by
dwyl
* Scaling Redis/Socketio
redispubsub
##Features
* Hapi server framework for Node. -
hapijs
* React JS Library for user interfaces. -
reactjs
* Webpack +
React-transform and
react-transform-hmr
* React Router keeps your UI in sync with the URL. -
react-router
* Flux implementation -
Redux
* Document Head SSR by
React-Helmet
* ES6 and ES7 ready. -
BabelJs
* Linting with eslint & jscs
* Testing with karma, mocha, isparta, webpack, sinon-chai
* Coverage with karma-coverage
* API Interface -
Swagger
* API Validation -
Joi
* Database for storing user data (CRUD) -
Redis
* Password encryption -
Iron
* Promises -
bluebird
* Fetch
isomorphic-fetch
* Authentication Oauth2 - Refresh/Access tokens
* Token Encoding with
node-jsonwebtoken
* Token Encryption with
node-forge
* i18n -
react-intl by yahoo
* Real-time messaging -
Socket.io
* Inline CSS Styling -
Radium
* OpenShift deployment READY.
_NEW_ Theming System WIP
* Drop in themes
- Drop your theme inside the
Themes folder and it will just work.
* Theme switcher extension: swtich to other themes on the fly.
* Fallback to default theme.
* Themes included
- Default (light theme)
- Alternative (dark theme)
* Powered by Radium.
_NEW_ Extensions System WIP
* Drop in extensions
- Drop your extension inside the
Extensions folder and it will just work.
- Extensions can have react components and redux reducers.
* Examples included
- Counter
- Theme switcher.
User Accounts
* Create/Update user accounts
* Login/Logout
* Set language (english/spanish)
* Access/Refresh token sessions (Oauth2)
User Rooms (powered by socket.io)
* Users can create multiple chat rooms
* Users can see who is typing
DEMO
http://hapi-reactstarterkit.rhcloud.com/
Usage
Clone this repository
git clone https://github.com/Dindaleon/hapi-react-starter-kit.git
Or
npm i hapi-react-starter-kit
Install
npm install
Production server
npm run prod
Development server
npm run dev
Linting
npm run eslint
npm run jscs
Testing
To check coverage check the coverage folder after running the test.
Tests are incomplete.
npm test
API Interface
Path: /api/v1/documentation
Deployment Guide
OpenShift Deployment
##Todo
* [ ] testing, testing, testing...
* [x] improve redux implementation
* [x] Testing
* [x] Coverage
* [x] Linting
* [x] Coveralls support
* [x] add redis
* [x] add socketio
* [x] add authentication
* [x] OpenShift Deployment guide
* [ ] Heroku Deployment guide
* [ ] Documentation
* [ ] Fix webpack's HMR on server
* [ ] Implement error handling on react components
* [x] Implement geolocalization
* [x] Implement styling and theming system
* [ ] Implement layout system for themes
* [x] Implement extensions system
* [ ] Implement pages system with routing
* [ ] Invalidate reducers
* [ ] More translations
* [x] Re-structure components and pages
* [ ] Scaling Redis/Socketio
* [ ] Social integration with bell for user accounts
License
MIT