Codified Pipeline

Configured with a codified pipeline, the scaffold is ready to be built and deployed to Azure Web APPs instantly.

Redux Store

The Redux store provides a central state management for all React components. It creates an entity-based structure for the store, allowing you to have a logical storage of all entities in your application.

The store can also survive page refresh or browser exist using Redux-Persist

Dispatchers and Flow

React components dispatch commands to the store, which includes backend data operations using an Axios middleware, and calling the reducers when the operation succeeded, failed, or started.

Middleware

Each dispatched action includes common functions such logging or UI notifications. These operations will be managed through the middleware functions common to all operations. For other feature-related operations that include chained function calls based on the result of previous operations, feature level middleware classes have been included.

Global Navigation

The scaffold comes with a mobile-friendly global navigation, which converts into a hamburger menu on smaller and Mobile devices. The navigation bar items can also be fetched from a backend database, to make it dynamic based on user roles and permissions.

Protected Links

All the links and routes can be made protected, meaning upon click, the user will be navigated to the login/sign up screen to create an account or verify identity.

Authentication UI

All the fundamental below identity UI screens are included:

• Login
• Sign Up
• Password Recovery
• Account Activation

Google Map Integration

There are several commonly used components included in the scaffold such as Google Map using react-google-maps.

Semantic UI

A control library plays a crucial role in saving time and cost in front end development. We have relied on Fomantic UI control library for this purpose.