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
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
| Frontend | Backend |
|---|---|
| React 19 | Node.js + Express |
| TypeScript | REST API |
| Redux Toolkit | JWT Auth |
| Vite | Render.com |
| Tailwind CSS | |
| React Router v6 |
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run buildCreate a .env file in the root:
VITE_API_BASE_URL=https://your-backend-url.onrender.comsrc/
├── 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
MIT