🚀 React Admin Dashboard

A modern, scalable, and fully responsive dashboard template built with React, TypeScript, and Tailwind CSS.

React • TypeScript • Redux Toolkit • React Router • Tailwind CSS • Vite

---

📸 Project Screenshots

---

✨ Features

• Fully responsive layout (mobile, tablet, desktop)
• Reusable and modular component architecture
• Type-safe development with React + TypeScript
• State management using Redux Toolkit
• Fast development workflow powered by Vite
• Clean and maintainable UI architecture
• Routing with React Router DOM v6
• Reusable UI component system
• Authentication pages (Login & Register)
• Ready for API integration

---

🧰 Tech Stack

Technology	Description
React	Frontend UI library
TypeScript	Type-safe JavaScript
Redux Toolkit	State management
React Router DOM	Routing system
Tailwind CSS	Utility-first styling
Vite	Fast development tooling

---

📦 Installation

Clone the repository

git clone https://github.com/EraCodeX/react-admin-dashboard.git

---

Navigate to the project

cd react-admin-dashboard

---

Install dependencies

npm install

or

yarn

---

Start the development server

npm run dev

or

yarn dev

---

Application will be available at:

http://localhost:3000

---

🔑 Environment Variables

Create a .env file in the project root:

DASHBOARD_API=http://localhost:3001/api

---

📁 Folder Structure

src
├── assets
├── components
├── data
├── hooks
├── pages
├── store
│   ├── api
│   ├── hooks
│   ├── reducers
│   └── index.ts
├── types
├── util
├── App.tsx
├── index.css
└── main.tsx

---

🎨 UI Highlights

• Modern dashboard interface
• Authentication system
• Reusable button components
• Dropdown UI components
• Responsive sidebar navigation
• Custom loading spinners
• Scalable frontend architecture
• Consistent design system

---

⚡ Performance

• Optimized rendering patterns
• Reusable component architecture
• Lightweight and fast development workflow
• Clean separation of concerns
• Scalable project structure

---

👩‍💻 Author

Era Hidaj — Frontend Engineer

GitHub:
https://github.com/EraCodeX

---

📄 License

This project is licensed under the MIT License.

See the LICENSE file for more details.