DavidDaoTu / Product-management-frontend

Product management UI using React

Home Page:https://hgtp-management.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Product-management-frontend

shields GitHub contributors GitHub stars GitHub forks

An admin dashboard website provides comprehensive features to efficiently manage various aspects of your business. With a user-friendly interface, it offers a range of functionalities to streamline operations and enhance productivity.

API: https://github.com/minhduc-mll/Product-management-api

Prerequisites

  • Require Node version 18.x

Installing

To install, follow these steps:

First , clone project

git clone https://github.com/minhduc-mll/Product-management-frontend.git

Create .env file and add environment variables

REACT_APP_BASE_URL = 
REACT_APP_CLOUDINARY_URL = 
REACT_APP_CLOUDINARY_PRESET = 

Then run the command

npm install
npm run dev

Features

  • Employee Management: Allows the administrator to view, create, edit, and delete employee accounts.
  • Customer Management: Allows the administrator to view, edit, and organize customer details such as names, contact information, purchase history, and preferences. This feature enables the administrator to effectively handle customer inquiries, resolve issues, and provide personalized support. It also allows for the segmentation of customers based on various criteria, facilitating targeted marketing campaigns and customer relationship management.
  • Category Management: Allows the administrator to create, edit, and delete product categories. This helps organize products into logical groups, making it easier to search and find desired items.
  • Product Management: Allows the administrator to add, modify, and delete products.
  • Analytics and Reporting: Provides statistical data on products, revenue, profits, employee kpi and other metrics to give the admin an overview of business operations and support data-driven decision-making.
  • Task Management: Allows the administrator to assign tasks to team members, set deadlines, track progress, and monitor task completion. This helps in coordinating and organizing the workflow within the team.
  • Calendar Integration: Allows the administrator to schedule events, appointments, and important dates.
  • Delivery Schedule Tracking: Allows the employee to view and track the delivery schedules, ensuring timely fulfillment of orders.
  • Incoming Shipment Management: Employees can utilize the calendar to update it when there are delays or changes in incoming shipments from suppliers or vendors. This feature helps employees manage inventory information and ensure timely stock replenishment.
  • Employee profile management: Empower employees to manage their personal information on the website. This feature allows employees to track past transactions, review details of the products sold, and utilize this information to improve sales performance and better serve customers.
  • Providing the light and dark mode switch feature, users can have the flexibility to switch between different interface options based on their personal preferences and the environment they are using the website in.

Contributors

About

Product management UI using React

https://hgtp-management.vercel.app


Languages

Language:JavaScript 72.2%Language:SCSS 27.7%Language:HTML 0.1%