Elite-Fashion Admin Dashboard

Live Demo Dashboard

Elite-Fashion store operations through an easy-to-use interface. The app allows admins to manage products, orders, customers, and payments.

Overview

The Elite-Fashion Admin Dashboard offers a range of features to streamline management tasks. These include:

• Product Management: Admins can easily manage their product inventory by adding, editing, and deleting products. They can also view all products and filter them by category and sub-category.
• CRUD operations are available for both categories and sub-categories.
• Order Management: Admins can view all orders and mark them as fulfilled or cancelled, and they can view the details of each order.
• Admin chat feature has been added, allowing admins to communicate with customers regarding their orders.
• Customer Management: Admins can view all customers and their orders, as well as filter them by location. In addition,
• Customers can now leave reviews and ratings for products, which admins can view and moderate.
• Payment Management: Admins can view all payments and filter them by status.
• Analytics: The Elite-Fashion Admin Dashboard includes analytics data, including daily sales, weekly sales, monthly sales, and yearly revenue. Admins can view this data in easy-to-read charts and graphs.
• The dashboard also offers a dark mode feature for better visibility in low-light environments.

Installation

To install and run this project locally, follow these steps:

1. Clone the project repository to your local machine.
2. Open a terminal and navigate to the project directory.
3. Run npm install to install the project dependencies.
4. Run npm start to start the development server and view the project in your browser.

Technologies and External Libraries Used

The Admin dashboard was developed using the following technologies and external libraries:

• React: a JavaScript library for building user interfaces.
• React Router: a library for handling client-side routing in React applications.
• Axios: a library for making HTTP requests from the browser.
• Material-UI (MUI): A front-end framework for building responsive web applications.
• SCSS: A CSS preprocessor that enhances the capabilities of CSS.
• jwt-decode: A library for decoding JSON Web Tokens (JWTs).
• react-dropzone: A simple and flexible React component for file uploads.
• framer-motion: A library for creating fluid animations in React applications.
• react-hot-toast: A lightweight toast notification library for React.
• recharts: A library designed to display analytical data, such as revenue and graphs.
• react-circular-progressbar: A library utilized to display circular progress bars within React applications.

Contributing

Contributions to this project are welcome. To contribute, follow the steps below:

• Fork the project repository to your own GitHub account.
• Clone the forked repository to your local machine.
• Create a new branch for your changes.
• Make your changes to the project code.
• Commit your changes and push them to your forked repository.
• Open a pull request on the original project repository.