Skip to content

farhaandev/dashflow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

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!

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published