Skip to content

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 majority of ways we can think about managing state (i.e. data) in a Vue application.

Notifications You must be signed in to change notification settings

Jebasuthan/vue_crud_bootstrap

Repository files navigation

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

About

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 majority of ways we can think about managing state (i.e. data) in a Vue application.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published