Skip to content

A React Admin Panel boilerplate built with MUI for UI components and Redux for managing and centralizing application state.

Notifications You must be signed in to change notification settings

anlisha-maharjan/react-admin-panel-boilerplate

Repository files navigation

About

The project is a React Admin Panel boilerplate that provides an architecture optimized for building solid web app with embedded authentication flow to help you kickstart new app.

When starting new app I found myself repeatedly setting up my project with same packages over and over again so I decided to automate this process.

While this mostly consists of how I organize my projects but can be easily extended to suit any workflow.

Feel free to leave a ⭐ as motivation if this was useful to you 😊

Features

  • Authentication modules such as Register, Login, Forgot password and Reset password
  • User management module
  • React redux for managing and centralizing application state

Requirements

  • Node 16
  • Node package manager (npm)

Context

- React (18.0.2)
- Packages:
    - MUI
    - Redux
    - React Redux
    - Redux-Saga
    - Formik
    - Axios
    - Tailwind CSS

Development

# Clone the repo
git clone   
cd react-aon-cms  

# Dependencies  
npm install  

# Copy .env.example to .env
cp .env.example .env

# Add APIURL in .env
APIURL=

# Runs the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.   
npm start

Build

# Builds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance.
npm run build

About

A React Admin Panel boilerplate built with MUI for UI components and Redux for managing and centralizing application state.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages