VueJS/Bootstrap Dashboard Template

stockarea.io

Tech Stack Used :

• VueJS 3
• Bootstrap
• VueX : State Management
• Vue Router : Routing

Pages

• Home ( / )

  Displays data populated from local json file warehouses.json.

  Key Features

  • Searching by Warehouse Name.
  • Sorting based on Space, Status, City, Type and Cluster.
  • Filtering based on Space, Cluster and City.

• Details ( /warehouse-details/:id )

  Displays individual data of selected warehouse.

  Key Features

  • Editing data values of each field.
  • Adding new fields to exisiting object.

Project Screenshots

Main Dashboard Screen with Visualized Data

Individual Warehouse Screen with Details

Project Setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.