https://github.com/olha-dev-fullstack/react-admin-panel
This is the frontend for an Admin Panel built with React and TypeScript
https://github.com/olha-dev-fullstack/react-admin-panel
Last synced: 6 months ago
JSON representation
This is the frontend for an Admin Panel built with React and TypeScript
- Host: GitHub
- URL: https://github.com/olha-dev-fullstack/react-admin-panel
- Owner: olha-dev-fullstack
- Created: 2025-04-16T12:32:46.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-04-18T10:55:04.000Z (12 months ago)
- Last Synced: 2025-06-20T07:06:20.742Z (10 months ago)
- Language: TypeScript
- Homepage: https://react-admin-panel-bay-theta.vercel.app
- Size: 85 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Admin Panel Frontend
This is the **frontend for an Admin Panel** built with **React** and **TypeScript**. It includes various management pages such as a dashboard with charts, users and products data tables, and detailed views for each entity. The UI is styled using **SCSS** and components from **MUI**, with charts rendered using **Recharts**.
## 🔧 Tech Stack
- **React** (with TypeScript)
- **SCSS** for styling
- **MUI Data Grid** for tabular data
- **Recharts** for data visualization
- **React Router** for navigation
## 📁 Features
### 📊 Dashboard - `https://react-admin-panel-bay-theta.vercel.app`
- Charts using **Recharts**
- Summary widgets and metrics overview
### 👥 Users Page - `https://react-admin-panel-bay-theta.vercel.app/users`
- User listing with **MUI Data Grid**
- Sorting, filtering, and pagination support
### 📦 Products Page - `https://react-admin-panel-bay-theta.vercel.app/products`
- Product listing with **MUI Data Grid**
- Sorting, filtering, and pagination
### 👤 User Detail Page - `https://react-admin-panel-bay-theta.vercel.app/users/1`
- Detailed information about a specific user
- Includes user profile and activity summary
### 📄 Product Detail Page - `https://react-admin-panel-bay-theta.vercel.app/products/1`
- Full details of a selected product
- Inventory, price, and status info