/vue_crud_bootstrap

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.

Primary LanguageVue

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