maheshambiga/audio-recorder-client

A simple app to record short stories and share with outside world.

story-telling app

engines

node: >= 4 <= 8,
npm": >= 3 <= 5

Core Libraries Used

React@15.4.2
Redux@3.6.0
Webpack@2.2.0

Dependencies

• axios: Promise based HTTP client for the browser and node.js
• bluebird: Full featured Promises/A+ implementation with exceptionally good performance
• bootstrap: The most popular front-end framework for developing responsive, mobile first projects on the web.
• electrode-archetype-react-app: Electrode NodeJS/React Universal Application Archetype
• electrode-auto-ssr: Detect server load and response times to detect server side rendering
• electrode-confippet: Managing NodeJS application configuration
• electrode-react-webapp: Hapi plugin that provides a default React web app template
• electrode-redux-router-engine: Handle async data for React Server Side Rendering using Redux and Router
• express: Fast, unopinionated, minimalist web framework
• lodash: Lodash modular utilities.
• react-dom: React package for working with the DOM.
• react-router: A complete routing library for React
• redux-devtools-extension: Wrappers for Redux DevTools Extension.
• redux-thunk: Thunk middleware for Redux.
• sass-loader: Sass loader for webpack

Dev Dependencies

• electrode-archetype-react-app-dev: Electrode NodeJS/React Application Archetype (Development)

Steps for setting up code

Setup

Install all the dependencies and dev-dependencies listed in package.json. Install CLI invoker for the xclap Javascript task executor and build tool.

 $ npm install
 $ npm install -g xclap-cli

Running Dev build

After the app's been created and npm install completed, you can start the app in dev mode:

 $ clap dev

Further Explorations

To view all the development tasks available type

$ clap

To start in hot mode

$ clap hot

To build your app for production deployment:

$ clap build

To start your app in production mode:

$ npm run prod

Project Structure

Here is a basic top level view of the application's structure:

config - This directory contains the configuration for your application.
src/client - Contains your React application
src/server - Contains your NodeJS server application with SSR support.
test - Contains unit test for your application
xclap.js - entry to Electrode's archetype tasks