DashFlow - Inventory & Sales Dashboard (MERN Stack)
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.
Tech Stack
Frontend
- React.js
- Redux Toolkit
- Tailwind CSS
- React Router DOM
- React Toastify
Backend
- Node.js
- Express.js
- MongoDB
- Mongoose
- JSON Web Token (JWT)
- bcryptjs (Password Hashing)
Core Features
- 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
Project Structure
DashFlow/
+-- backend/ # Node.js + Express + MongoDB API
+-- frontend/ # React + Tailwind + Redux UI
+-- README.md
Setup Instructions
1. Clone the Repository
git clone https://github.com/your-username/dashflow.git
cd dashflow
cd dashflow
2. Backend Setup
cd backend
npm install
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
3. Frontend Setup
cd ../frontend
npm install
npm install
Start frontend dev server:
npm run dev
Show Your Support
If you like this project, don't forget to the repo and share it!