AdminLTE Template Converted to React

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.

---

🛠️ Tech Stack

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

---

📦 Installation Steps

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

🎨 Features

• ✅ 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.)

📁 Project Structure

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

🙌 Acknowledgements

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

📜 License

This project is licensed under the MIT License.

🤝 Contributing

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

📞 Contact

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

---

Developed with ❤️ by Reputed-Artist.