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

---

2. Backend Setup

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

---

3. Frontend Setup

cd ../frontend
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!