Overview
The MERN Admin Panel is a feature-rich application that provides a login page and basic layout design using Bootstrap. It uses JWT and Passport for authentication and includes a datatable with client-side and server-side pagination. The design is minimal, and the application is fully controllable via optional props and callbacks.
Features
- Login Page and Basic Layout Design: The application includes a login page and a clean, user-friendly layout design using Bootstrap.
- Authentication with JWT and Passport: JWT (JSON Web Token) and Passport are used to provide secure authentication for users.
- Datatable with Client-side & Server-side Pagination: The datatable component allows for easy display and manipulation of data with pagination options available on both the client-side and server-side.
- Multi-sort and Filters: The datatable supports multi-sort functionality, allowing users to sort data by multiple columns simultaneously. Additionally, filters can be applied to refine the displayed data.
- Minimal Design: The application has a minimal design that focuses on simplicity and ease of use.
- Fully Controllable via Optional Props and Callbacks: The MERN admin panel is highly customizable and controllable, allowing developers to customize the application’s behavior through optional props and callbacks.
Installation
To install the MERN Admin Panel, follow these steps:
- Clone the repository:
git clone https://github.com/username/mern-admin-panel.git - Change into the project directory:
cd mern-admin-panel - Install dependencies for the server:
npm install - Change into the client directory:
cd client - Install dependencies for the client:
npm install - To start the server and client simultaneously, run:
npm run dev - To build the react application, change into the client directory:
cd clientand run:npm run build - The MERN Admin Panel is now installed and ready to be used.
Summary
The MERN Admin Panel is a powerful application that provides a feature-rich admin panel with a login page and basic layout design. It utilizes JWT and Passport for secure authentication and includes a datatable with client-side and server-side pagination. The application has a minimal design and can be fully controlled and customized via optional props and callbacks. The MERN Admin Panel is easy to install and a great choice for developers looking for a versatile admin panel solution.