https://github.com/ajaybhaskar-athi/vendor-hierarchy-management

Vendor Cab and Driver Onboarding & Vendor Hierarchy Management:Vendor Hierarchy Management System is a role-based fleet management application built with Next.js, Redux, and Tailwind CSS. It streamlines vendor and vehicle assignments, ensuring smooth coordination between Super Vendors, Regional Vendors, City Vendors, and Deploy Associates.
https://github.com/ajaybhaskar-athi/vendor-hierarchy-management

mern nextjs redux shadcn-ui tailwindcss

Last synced: 3 months ago
JSON representation

Vendor Cab and Driver Onboarding & Vendor Hierarchy Management:Vendor Hierarchy Management System is a role-based fleet management application built with Next.js, Redux, and Tailwind CSS. It streamlines vendor and vehicle assignments, ensuring smooth coordination between Super Vendors, Regional Vendors, City Vendors, and Deploy Associates.

• Host: GitHub
• URL: https://github.com/ajaybhaskar-athi/vendor-hierarchy-management
• Owner: Ajaybhaskar-Athi
• Created: 2025-02-14T10:37:50.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2025-02-15T23:43:07.000Z (3 months ago)
• Last Synced: 2025-02-16T00:23:33.559Z (3 months ago)
• Topics: mern, nextjs, redux, shadcn-ui, tailwindcss
• Language: JavaScript
• Homepage: https://vendor-hierarchy-management.vercel.app
• Size: 112 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vendor Management System

## Overview

A role-based vendor management system built using **Next.js** and **Redux** (UI only). This system manages fleets, vendors, and driver assignments.

## Features

- **Super Vendor**: Manages all vendors, roles, and fleet assignments.

- **Regional Vendor**: Assigns vehicles to City Vendors.

- **City Vendor**: Onboards and assigns drivers to vehicles.

- **Local Vendor**: Manages deployed drivers and vehicles.

- **Deployment Associate**: Views assigned tasks.

## Installation

```sh

npm install

npm run dev

```

## Screenshots

### **Login & Home Page**

These are the entry points to the system where users authenticate and access their dashboards.

- **Login Page**: ![Login Page](./images/login.png)

- **Home Page**: ![Home Page](./images/home.png)

- **Edit Operation**: ![Home Page](./images/edit.png)

- **move Operation**: ![Home Page](./images/move.png)

### **Super Vendor**

The Super Vendor has the highest level of control over all operations, including managing vendors, assigning fleets, and defining roles.

- **Dashboard**: The central control panel for Super Vendors.

  ![Super Vendor Dashboard](./images/supDB.png)

- **Manage Vendors**: View, add, edit, and delete vendor nodes in a structured table.

  ![Manage Vendors](./images/SupManageVendors.png)

- **View Fleet**: Displays available cars and their details. Cars are assigned to Regional Vendors here.

  ![View Fleet-1](./images/SupViewFleet.png)

  ![View Fleet-2](./images/SupViewFleet2.png)

- **Manage Roles**: Controls navigation permissions for each role.

  ![Manage Roles-1](./images/SupManageRoles.png)

  ![Manage Roles-2](./images/SupManageRoles2.png)

### **Regional Vendor**

The Regional Vendor manages fleets and city vendors but cannot modify higher-level entities.

- **Dashboard**: Limited dashboard view with control over assigned fleets. Here you are not allowed to edit Super vendors

  ![Regional Dashboard](./images/regDB.png)

- **Regional Fleet Management**: Assigns vehicles to City Vendors that are children's of current Regional vendor.

  ![Regional Fleet Management](./images/RegFleet.png)

- **Manage City Vendors**: Allows adding, editing, and removing City Vendors.

  ![Manage City Vendors](./images/RegManageCity.png)

### **City Vendor**

City Vendors focus on driver onboarding and vehicle assignments.

- **Dashboard**: Similar to the regional dashboard but limited to City Vendor controls.

  ![City Vendor Dashboard](./images/cityDB.png)

- **Onboard Drivers**: Facilitates driver onboarding, document collection, and vehicle assignments.

  ![Onboard Drivers](./images/CityOnboard.png)

### **Local Vendor**

Local Vendors manage vehicle deployment and driver allocations.

- **Dashboard**: Displays assigned vehicles and deployment options.

  ![Local Vendor Dashboard](./images/LocDB.png)

- **Deployed Tasks**: Lists drivers and their assigned vehicles.

### **Deployment Associate**

Deployment Associates can only view their assigned tasks.

- **Dashboard**: Displays their personal task assignments.

  ![Deployment Associate Dashboard](./images/DepDB.png)

- **View Tasks**: Shows the tasks assigned to the associate.

  ![View Tasks](./images/DepTasks.png)

## Note

- The system dynamically fetches assigned vehicles based on roles.

- Role-based permissions control which actions and data each user can access.

## Demo Video:

[Watch the Demo Video](https://drive.google.com/file/d/1mdS9Lz-Lx5oR9z7jyDibysmFm_IYbW9f/view?usp=drive_link)