Skip to content
Material-UI Styled Components React Redux boilerplate with offline mode support 🎬
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


Material-UI Styled Components React Redux boilerplate with offline mode support can be used for creating single-page applications with mentioned technologies stack. Mobile and desktop versions are supported.


You can find Christmas Demo here!🎄🎅

  • desktop version 💻
  • mobile version 📱
  • offline mode 🆙


  • React A JavaScript library for building user interfaces
  • Material-UI next React components that implement Google's Material Design
  • Redux Predictable state container for JavaScript apps
  • Redux-Saga Easier managing application side effects
  • Immutable.js Immutable data for much simpler application development
  • React-Router Collection of navigational components that compose declaratively with your application
  • Styled-Components Visual primitives for the component age
  • Offline-plugin Provides an offline experience for webpack projects
  • PM2 Advanced, production process manager for Node.js
  • Babel Use next generation JavaScript
  • ESLint The pluggable linting utility for JavaScript and JSX
  • Husky Git hooks made easy
  • Prettier Opinionated code formatter
  • Webpack Bundler
  • Cypress Fast, easy and reliable testing for anything that runs in a browser.


Please, be sure of using latest version of Node.js 8.*.* and npm 5.*.* for correct work

How to use

  • For running in development
git clone
npm install
npm run dev
  • For running in production
git clone
npm install
npm start


  • npm run dev - run webpack in development build with watch and server concurrently
  • npm run build:dev - run build in development mode with watch
  • npm run serve:dev - run server in development


  • npm run start - run webpack in production mode and server with pm2
  • npm run build - run build in production mode
  • npm run serve - run server in production with pm2


  • npm run clean - clean build directory
  • npm run lint - run lint checker
  • npm run prettier - run prettier for beautifying code
  • npm run lintfix - run linter in fix mode for editing errors, which it is able to


Feel free to create issues and PRs 😃

You can’t perform that action at this time.