README.md

🛡️ Admin Panel

A modern, full-stack Admin Panel built with React, Redux Toolkit, and TypeScript. Manage users and products with a clean UI and seamless API integration.

🔗 Live Demo: admin-panelpa01.netlify.app

---

📸 Preview

---

✨

Features

• 🔐 JWT Authentication (Login / Register)
• 👥 User Management (List, Edit, Delete)
• 📦 Product Management (List, Edit, Delete)
• 📄 Pagination
• ⚡ Fast & responsive UI with Tailwind CSS
• 🔄 Global state management with Redux Toolkit

---

🚀 Tech Stack

Frontend	Backend
React 19	Node.js + Express
TypeScript	REST API
Redux Toolkit	JWT Auth
Vite	Render.com
Tailwind CSS
React Router v6

---

🛠️ Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

Environment Variables

Create a .env file in the root:

VITE_API_BASE_URL=https://your-backend-url.onrender.com

---

📁 Project Structure

src/
├── api/          # Axios client
├── components/   # Reusable UI components
├── constants/    # Navigation, messages
├── hooks/        # Custom React hooks
├── pages/        # Page components
├── store/        # Redux slices
├── types/        # TypeScript types
└── services/     # API service functions

---

📝 License

MIT