This project is a responsive admin dashboard that integrates with a RESTful API to display user and product data. Built as a Single Page Application (SPA), it provides seamless navigation between different sections.
-
Dashboard Overview
- A single-page application (SPA) serving as an admin dashboard.
- Sidebar navigation for managing Users and Products.
-
Data Display & Management
- Fetch and display a list of users from the RESTful API.
- Display user information such as name, email, and city.
- Option to view full details of a selected user.
- Fetch and display a list of products from the API.
- Add new products via a POST request.
- Search for products using a GET request.
- Delete a product via a DELETE request.
-
Technical Implementation
- Developed using React.js.
- Styled using Tailwind CSS.
- Fully responsive design for different screen sizes.
- Version control using Git.
- Codebase hosted on GitHub.
-
Bonus Implementations
- Implemented search and filtering functionalities for Users and Products.
- User authentication with basic role-based access control.
- React.js
- Tailwind CSS
- RESTful API integration
- Git & GitHub
- Clone the repository:
git clone <repository-url>
- Navigate to the project directory:
cd admin-dashboard - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open
http://localhost:5173/in your browser.
- Fetch Users:
GET https://jsonplaceholder.typicode.com/users - Fetch Products:
GET https://api.restful-api.dev/objects - Add Product:
POST https://api.restful-api.dev/objects - Search Product:
GET https://api.restful-api.dev/objects/:id - Delete Product:
DELETE https://api.restful-api.dev/objects/:id
Projet Live Link: link.
- Implement sorting functionality for Users and Products.
- Add role-based authentication for different levels of access.
- Improve UI/UX design.
Developed by [Saiful Islam].