E-Commerce Dashboard

A React-based admin dashboard for managing a multi-language e-commerce platform similar to Dubizzle. It provides an intuitive UI with PrimeReact, real-time state management using Zustand, and data visualization with Chart.js. The project supports API integration via Axios and ensures code consistency with ESLint & Prettier. CircleCI is integrated for automated CI/CD deployment.

Key Features: State management with Zustand Interactive UI with PrimeReact & PrimeFlex API handling with Axios Data visualization using Chart.js Automated deployment with CircleCI

Technologies Used:

• ReactJS
• Zustand for state management
• PrimeReact and PrimeFlex for UI
• ChartJS for displaying useful UI charts
• Axios for API calling
• ESLint and Prettier for code formatting consistency
• integrating circleCI for connection with private cloud machine to automat CI/CD process

Run for development:

1. Create an .env file having following keys:

REACT_APP_BASE_API_URL=... # BACKEND URL
REACT_APP_BASE_IMAGE_URL=... # SERVER IMAGES BASE PATH

2. Clone and install dependencies

git clone https://github.com/tarek99samy/ecommerce-dashboard.git
cd ecommerce-dashboard
npm install

3. Run script

npm run start

Run for production:

1. Create an .env.production file having following keys same as .env:
2. Build for production

npm run build

3. Use the output build folder for deployment