/jids

A system that will loop through multiple jobs status

Primary LanguageVue

JIDS (Job Information Display System) - Live URL

This JIDS will help you walk through your job status by different department by auto pagination with infinite loop.

Landing Page

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Personalization

Input Data Format

[    
    {        
        "department": "department-name",
        "jobs": [
            {
                "jobTitle": "job-title",
                "priority": priority(1-10),
                "status": status(active | on hold | pending),
                "assignedTo": "department-name",
                "dueDate": date-string
            }
        ]
    }
]

Fetch data from API

Internal Server Route - /api/data
.
├── next.config.ts
├── server
│   └── api
│       └── data.ts

Pagination Plugin

.
├── next.config.ts
├── plugins
│       └── paginate.ts

# Pagination will be done here and you will need to change the how it work according to your input json format.

Global Config

.
├── next.config.ts
├── pages
│       └── index.vue

# use global config to change the pagination limit.