Thanks to visit codestin.com
Credit goes to GitHub.com

Skip to content

Modern admin dashboard template built with React and Tailwind CSS. Clean, fast, and responsive.

License

Notifications You must be signed in to change notification settings

code-yeasin/react-admin-ui

Repository files navigation

🚀 React Admin UI ⚡️

Built for performance, designed for simplicity.

React Tailwind CSS GitHub Pages HashRouter

🔥 Features

  • ⚛️ React 18 with functional components
  • 🎨 Tailwind CSS utility-first design
  • 🌗 Light & Dark UI layout
  • 📱 Fully responsive admin dashboard
  • 🔄 React Router v6 with HashRouter for GitHub Pages
  • 🚀 Live deployed using GitHub Pages

📦 Tech Stack

CategoryTool
FrontendReact
RoutingReact Router v6 (HashRouter)
StylingTailwind CSS
DeploymentGitHub Pages

📁 Folder Structure

src/
├── components/
├── layouts/
│   ├── admin/
│   ├── auth/
│   └── rtl/
├── App.jsx
└── index.js

🛠️ Setup Instructions

git clone https://github.com/code-yeasin/react-admin-ui.git
cd react-admin-ui
npm install
npm start

🚀 Deployment

The app is deployed using a manual gh-pages branch strategy with HashRouter to support sub-routing on GitHub Pages.

npm run build
xcopy /E /I /H /Y build\* ../admin-ui-deploy
cd ../admin-ui-deploy
git init
git checkout -b gh-pages
git remote add origin https://github.com/your-username/react-admin-ui.git
git add .
git commit -m "Deploy React build"
git push origin gh-pages --force

🌐 View Live Demo

🙌 Author

Crafted by Yeasin — passionate about clean UI, optimized code, and real results.

© 2025 React Admin UI. All rights reserved.