📦 Inventory Manager – Full Stack App

An end-to-end Inventory Manager web application built with the MERN stack:

• Frontend: Next.js, Tailwind CSS, Redux Toolkit (RTK Query)
• Backend: Express.js, MongoDB (via Mongoose), JWT Authentication

---

🧩 Features

✅ User Registration & Login
✅ JWT-based Auth with Protected Routes
✅ Product CRUD (Add, View, Edit, Delete)
✅ Global State Management with Redux Toolkit
✅ RESTful API with Node.js + Express
✅ MongoDB Atlas Integration

---

🔧 Tech Stack

Layer	Technology
Frontend	Next.js, Tailwind CSS, Redux Toolkit, RTK Query
Backend	Express.js, MongoDB, Mongoose
Auth	JWT, bcrypt
Deployment	netlify (Frontend), render (Backend)
Optional	Cloudinary, React Hook Form, Toast Notifications

---

📂 Project Structure

inventory-manager/ ├── backend/ # Express API with MongoDB ├── frontend/ # Next.js + Tailwind frontend ├── README.md # Root readme (this file)

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/sabbirhossainc/inventory-manager.git
cd inventory-manager

2. Setup the Backend

cd backend
npm install

• Create a .env file:

PORT=5000
MONGO_URI='mongodb+srv://sabbir_inventory:mADOlMLOskRektvq@inventorycluster0.ppfk6vj.mongodb.net/?retryWrites=true&w=majority&appName=inventoryCluster0'
JWT_SECRET='02a248d30f34db1ec4bdb57799e86d20d85613155fb7b7cd210e3331c0701f850baa610ea8096cadb78ad6bb877cd3d300194dfaaef479a9a8108168e15aaa41'

• Run the backend:

npm run dev

3. Setup the Frontend

cd ../frontend
npm install

• Create a .env.local file:

NEXT_PUBLIC_API_BASE=http://localhost:5000/api

🧪 Test Credentials

Email: test@example.com
Password: 123456

🔑 Login

POST /api/auth/login
Content-Type: application/json

{
  "email": "test@example.com",
  "password": "123456"
}

🔐 Register a New User

POST /api/auth/register
{
  "name": "Test User",
  "email": "test@example.com",
  "password": "123456"
}

• Run the frontend:

npm run dev

📸 Screenshots

✨ Login Page

📦 Product Dashboard

📝 Add/Edit Product Forms

🌐 Live Demo

🔗 Frontend URL 🔗 Backend API

🙌 Author

🔗 Portfolio