https://github.com/reputed-artist/adminlte-template-converted-to-react-code
Converted AdminLte template to React js code to support Developer community
https://github.com/reputed-artist/adminlte-template-converted-to-react-code
adminlte adminlte-dashboard-template adminlte-template community developer html-to-react react react-template react-template-free react-templates reactjs reactjs-components reactjs-demo reactjs-project reactjs-template reactjs-ui support
Last synced: 6 months ago
JSON representation
Converted AdminLte template to React js code to support Developer community
- Host: GitHub
- URL: https://github.com/reputed-artist/adminlte-template-converted-to-react-code
- Owner: reputed-artist
- Created: 2025-06-29T13:18:35.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2025-06-29T14:14:42.000Z (7 months ago)
- Last Synced: 2025-06-29T14:34:53.380Z (7 months ago)
- Topics: adminlte, adminlte-dashboard-template, adminlte-template, community, developer, html-to-react, react, react-template, react-template-free, react-templates, reactjs, reactjs-components, reactjs-demo, reactjs-project, reactjs-template, reactjs-ui, support
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AdminLTE Template Converted to React
A React-based frontend implementation of the popular [AdminLTE](https://adminlte.io/) 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**:
```sh
git clone https://github.com/reputed-artist/Adminlte-template-converted-to-React-code.git
cd Adminlte-template-converted-to-React-code
```
2. **Install dependencies**:
```sh
npm install
```
3. **Run Project**
```sh
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/
```sh
├── 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](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](mailto\:tejaschavda2020@gmail.com)********]**.
---
*Developed with ❤️ by Reputed-Artist.*