Faeze Amini - Portfolio

Case Study

Admin Dashboard

The management panel enables you to efficiently manage the products section with ease.

IndustryWeb Store
Year2024
ServiceWeb application
imageAdminDashboard

Challenge

This platform is designed for managing the sales department and user management, built using React.

  • Create various charts using different datasets.
  • Implement product creation and search functionality based on product names.
  • Display users based on their active or inactive status and user search based on names.
  • Generate user profile images using the first letter of the user's name.
  • Add a toggle button in the settings section.
  • Implement functionality for opening and closing the sidebar.

Solution

- Utilize Recharts for creating dynamic charts.

- Develop a shared component for common charts and pass arrays as props to the chart components.

- Use MockAPI to create diverse users and products.

- Implement API calls for filtering and searching products and users by name.

- Leverage Zustand for managing the opening and closing of the sidebar.

- Create a toggle button that adjusts based on the useState value and changes the background accordingly.

Visit website

Technologies

HTML

CSS

ReactJS

Zustand

Recharts

React Router Dom

typescript

tailwindcss

Github

js

api

Git

main*
Go Live