Overview:

The React-Admin-Template-Prologo is a backend management system template developed using React Hooks and React Router V6. It is designed to be flexible, complete, and suitable for both beginner and experienced programmers. The template utilizes a modern technology stack and a component-based approach, providing features such as login/logout, theme switching, dynamic sidebar and breadcrumbs, responsive sidebar, authentication and permission routing. The system is easy to use and each component has an average of 60 lines of code.

Features:

• Login/Logout: Provides functionality for user login and logout.
• Theme Switching: Allows users to switch between different themes.
• Dynamic Sidebar: Automatically generates sidebar menus based on the route configuration.
• Dynamic Breadcrumbs: Generates breadcrumbs based on the current route.
• Responsive Sidebar: The sidebar can be collapsed or expanded based on screen size.
• Auth Routes: Routes can be configured to require authentication.
• Permission Routes: Routes can be configured to require specific user permissions.
• Axios Interceptors: Provides a wrapper for Axios with request and response interceptors.
• Global Network Status Handling: Handles global network status codes.
• Drag-and-Drop Rich Text: Future feature to be added.
• Next Generation UI: Future feature to be added.
• Global Loading: Future feature to be added.
• Import/Export Excel: Future feature to be added.

Installation:

To install and start using the React-Admin-Template-Prologo, follow these steps:

1. Clone the repository:

git clone [repository-url]

2. Install dependencies:

cd [path-to-project]
npm install

3. Start the server:

npm start

Summary:

The React-Admin-Template-Prologo is a modern backend management system template built with React Hooks and React Router V6. It addresses the issues commonly found in other similar projects, such as outdated technology stack, incomplete projects, and lack of documentation. The template offers a range of features including login/logout, theme switching, dynamic sidebar and breadcrumbs, responsive design, authentication and permission routing. It is easy to use and can be customized based on the specific requirements of the project. Additionally, it is designed to be beginner-friendly, allowing junior developers to use it as a practice project and enabling full-stack engineers to quickly build projects using the system.