DashFlow is a modern and responsive web application for managing inventory items and sales records, designed to showcase full-stack MERN skills.
This project is ideal for small businesses and individuals who want to manage products and track sales seamlessly in one place.
- React.js
- Redux Toolkit
- Tailwind CSS
- React Router DOM
- React Toastify
- Node.js
- Express.js
- MongoDB
- Mongoose
- JSON Web Token (JWT)
- bcryptjs (Password Hashing)
- ✅ User Authentication (Register/Login)
- ✅ Protected Routes with JWT
- ✅ Item Management (Add, Edit, Delete, Search)
- ✅ Sales Management (Add, Edit, Delete, Search)
- ✅ Dashboard UI with Sidebar & Topbar
- ✅ Toast Notifications
- ✅ Responsive Design
DashFlow/
├── backend/ # Node.js + Express + MongoDB API
├── frontend/ # React + Tailwind + Redux UI
└── README.md
git clone https://github.com/your-username/dashflow.git
cd dashflow
cd backend
npm install
Create a .env
file inside the backend
folder:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
Start backend server:
npm run dev
cd ../frontend
npm install
Start frontend dev server:
npm run dev
If you like this project, don't forget to ⭐ the repo and share it!