Skip to content

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.