A React-based frontend implementation of the popular AdminLTE dashboard template.

This project transforms the AdminLTE UI components into reusable React components, enabling rapid development of admin panels, dashboards, or CRM-style UIs using modern frontend tools.

• ⚛️ React (CRA)
• 💅 Bootstrap 3 (via AdminLTE)
• 📊 Chart.js & Morris.js (manually integrated)
• 🎨 Font Awesome Icons
• 📁 React Router (for page routing)

1. Clone the repository:

   git clone https://github.com/reputed-artist/Adminlte-template-converted-to-React-code.git cd Adminlte-template-converted-to-React-code

2. Install dependencies:

   npm install

3. Run Project

   npm start

• ✅ AdminLTE v2 converted to React
• ✅ Bootstrap 3 + Font Awesome
• ✅ Chart.js & Morris.js (no React wrappers used)
• ✅ Full UI & layout demos (boxed, fixed, collapsed)
• ✅ Mailbox UI
• ✅ Legacy chart rendering using jQuery (useEffect)
• ✅ Pages mimic AdminLTE examples (profile, login, register, etc.)

Adminlte-template-converted-to-React-code/

├── public/ │ ├── bower_components/ # Original AdminLTE dependencies │ ├── build/ # Compiled build assets │ ├── dist/ # AdminLTE dist files (CSS, JS) │ ├── plugins/ # jQuery/Bootstrap plugins (Chart.js, Morris, etc.) │ └── index.html # Main template with script tags │ ├── src/ │ ├── components/ # Shared UI components (Navbar, Sidebar, Footer, etc.) │ ├── pages/ # Page groups by feature │ │ ├── ui/ # Buttons, Sliders, Modals... │ │ ├── examples/ # Profile, Login, Register... │ │ ├── charts/ # Chart.js & Morris.js demos │ │ ├── forms/ # Form components │ │ ├── layout/ # Grid and boxed layout examples │ │ ├── tables/ # Simple & advanced tables │ │ └── mailbox/ # Inbox, Compose, Read Mail │ ├── App.js # App routing & layout wrapper │ └── index.js # React entry point │ ├── .gitignore # node_modules, .env, build, etc. ├── package.json # NPM dependencies and scripts └── README.md # This file

AdminLTE — Free Bootstrap Admin Theme React Chart.js Morris.js Bootstrap Font Awesome jQuery

This project is licensed under the MIT License.

Feel free to fork the repository and submit pull requests to enhance functionality or fix issues.

For support or inquiries, reach out via GitHub Issues or email [tejaschavda2020@gmail.com].

Developed with ❤️ by Reputed-Artist.