Delivery Management System

A Delivery Management System built with Next.js 13, React, Redux, Tailwind CSS, and Node.js backend.
Supports Admin and Partner dashboards with authentication, role-based routing, and state management.

---

Table of Contents

• Features
• Tech Stack
• Project Structure
• Installation

---

Features

• Role-based Authentication (Admin / Partner)
• Login / Logout functionality
• Client-side state management using Redux and Context API
• Persistent login via localStorage
• Automatic redirects based on user role
• Dashboard pages for Admin (/dash) and Partner (/part)
• Loader component for handling loading states
• Tailwind CSS styling for responsive and modern UI
• Integration with Leaflet.js for maps (if needed in dashboard)

---

Tech Stack

• Frontend: Next.js 13 (App Router), React, Redux Toolkit, Tailwind CSS
• Backend: Node.js, Express.js, PostgreSQL (or any API)
• State Management: Redux + React Context API
• Authentication: JWT-based
• Styling: Tailwind CSS
• Maps: Leaflet.js

---

Project Structure

/app
├─ layout.tsx # Root layout with ClientProviders
├─ page.tsx # Login page
├─ ClientProviders.tsx # Redux + Auth context provider
└─ dash/ # Admin dashboard
└─ part/ # Partner dashboard
/components
└─ Loader.tsx # Loading spinner component
/context
└─ AuthContext.tsx # Authentication context
/lib
└─ api.ts # Axios instance for API calls
/store
├─ index.ts # Redux store
└─ slices/authSlice.ts # Auth slice for Redux

Installation

🛠️ Installation Steps:

1. cd Server

2. Install dependencies for Server

npm install

3. Start Server

npm run dev

4. Open Separate terminal for Client

5. cd Client

6. Install dependencies for Client

npm install

7. Run Client

npm run dev