react-app-start

This project is a React boilerplate that can be used to kickstart a web application.

The boilerplate provides an optimized architecture for building solid web applications through separation of concerns between the UI and business logic. It contains redux, context, theme, component, storage and react-router-dom navigation.

Quick start

$ npx react-app-start <ProjectName>

$ cd <ProjectName>

$ yarn start

Directory Structure

root
├── public
└── src
    └── config
    |   ├── ApiConfig
    └── contexts
    └── pages
    └── reducer
    |   ├──actions
    |   ├──reducers
    └── routes
    └── services
    └── storage
    └── store
    └── theme
    |     buttons
    |     colors
    |     fonts
    |     spacing
    └── utils
    └── App.js
        ...
├── .env
├── package.json
...

Preconfigured with

• Latest react version

• Redux with persistReducer

• Theme support

• Material Ui component

• Utility for validations and error messages

• Custom font and font size for maintain typography

• .env setup

• Support different env for PRODUCTION and DEVELOPMENT

• User Authentication flow

• UI for Login and Dashboard