vue_crud_bootstrap icon indicating copy to clipboard operation
vue_crud_bootstrap copied to clipboard

Published 20 hours ago • verified publisher icon Jebasuthan
→

Metadata

CRUD operations and form validations using Vue and Bootstrap-Vue. Table sorting, filter, search and Pagination are implemented with localStorage. I’ve prepared this simple application to summarize the...

Vue Bootstrap application with CRUD operations, multiple filters, rest api calls and pagination

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

🎉 Demo Link 🎉

Features available in the applilcation:

  1. Perfect Folder Structure
  2. Vue Bootstrap style implemented
  3. Router
  4. Vuex
  5. Common Loader added
  6. REST API implemented
  7. CRUD Operations (Create, Read, Update, Delete)
  8. Vuelidate (Form Validation)
  9. Multiple filters and Sorting added
  10. Pagination added
  11. Custom Utils functions (localstorage, ... etc)
  12. Modal Popup implemented

Screenshots

List with multiple filters and pagination

image

Edit List Item

image

Bootstrap Table and Bootstrap pagination with REST API call

image

← Metadata

20
Stars
5
Forks
Watchers

Owner

verified publisher icon Jebasuthan

Metadata

CRUD operations and form validations using Vue and Bootstrap-Vue. Table sorting, filter, search and Pagination are implemented with localStorage. I’ve prepared this simple application to summarize the...

Back