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.
Make sure to install the dependencies:
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
Start the development server on http://localhost:3000
npm run dev
Build the application for production:
npm run build
Locally preview production build:
npm run preview
[
{
"department": "department-name",
"jobs": [
{
"jobTitle": "job-title",
"priority": priority(1-10),
"status": status(active | on hold | pending),
"assignedTo": "department-name",
"dueDate": date-string
}
]
}
]
Internal Server Route - /api/data
.
├── next.config.ts
├── server
│ └── api
│ └── data.ts
.
├── 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.
.
├── next.config.ts
├── pages
│ └── index.vue
# use global config to change the pagination limit.