Overview:

React Nest Admin is a comprehensive solution for developing and managing front-end and back-end admin systems. It provides a complete learning resource for web projects, covering topics such as front-end development, version control, unit testing, deployment, backend interface development, server environment setup, and more. With features like JWT authentication and role-based access control, React Nest Admin is designed to meet the increasing demand for admin dashboards and back-office systems.

Features:

• Front-end and back-end integration: React Nest Admin allows seamless integration between front-end and back-end development processes, providing a unified solution for both aspects of the project.
• JWT authentication: The solution includes JWT authentication for secure user login and access control.
• Role-based permissions: React Nest Admin offers role-based permissions management, allowing administrators to control user access based on their assigned roles.
• Complete learning material: The project serves as a comprehensive learning resource for web developers, providing a roadmap and tutorial series on building a front-end and back-end separated admin system, JWT authentication, and permission management.

Installation:

To set up React Nest Admin, follow these steps:

1. Install Node.js version 13 or higher. We recommend using nvm for managing Node versions.
2. Install npm version 6 or higher.
3. Install git, if not already installed.
4. Optional: Install pm2 for deployment purposes. You can install it using npm.

After completing these preparations, you can start setting up the project:

1. Set up the front-end: The front-end is built using Create React App. It utilizes various technologies such as ES6+, React, React Router, React Redux, Redux DevTools, Redux Thunk, React Persist, Axios, Ant Design of React, SASS, and CSS Modules.
2. Set up the back-end: The back-end is built using Nest.js and TypeScript. It uses additional technologies like MongoDB, Mongoose, and RxJS.
3. Set up the server environment: React Nest Admin is designed to work in a MEAN stack environment, which includes Nginx. Additionally, it supports deployment using PM2 and Docker. Integration with Travis CI is also possible.
4. Prior knowledge: It is recommended to have knowledge of the mentioned technologies and concepts for better understanding and usage of React Nest Admin.

Summary:

React Nest Admin is a comprehensive solution for developing front-end and back-end admin systems. With its features like JWT authentication and role-based permissions management, it caters to the growing demand for admin dashboards. The project also serves as a valuable learning resource for web developers, providing guidance and tutorials on building front-end and back-end separated admin systems, JWT authentication, and more.