Welcome to DashboardX

About DashboardX

Features:

• Great ui and ux with Material UI component and icon
• Amazing looking chart with nivo chart
• Full responsivity and mobile UI
• state management with redux toolkit
• Light / Dark mode with redux persist and system preference
• query request with RTK query
• Typesafety for frontend with typescript
• ODM using Mongoose for backend
• use pattern MVC with express as main framework for backend

Getting Started

Prerequisites

Node version 18.x.x

Installation

1. Clone the repository

   git clone https://github.com/raihan-ramadhan/admin-dahsboard-ecommerce.git

2. make two terminal in your code editor then =>

   1. Enter the folder and install dependency in one terminal

   cd frontend
   npm install

   1. Enter the folder and install dependency in other terminal

   cd backend
   npm install

Setup

1. Setup .env.local file on frontend

   VITE_BACKEND_URL=http://localhost:5001

2. Setup .env file on backend

   MONGO_URL=mongodb+srv://your_name:your_password@admin-dashboard-ecommer.tmorbdl.mongodb.net/MyAdminDashboard?retryWrites=true&w=majority
   PORT=5001

   > For the frontend, it's ".env.local," and for the backend, it's ".env."
   

Start the app

run development frontend and backend on each terminal

npm run dev

---

this project from Edroh that i upgraded in frontend side,

email me if you have question 👋