Skip to content
/ vue_crud_bootstrap Public

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.

jebasuthan.github.io/vue_crud_bootstrap/
20 stars 6 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

Jebasuthan/vue_crud_bootstrap

BranchesTags

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.

jebasuthan.github.io/vue_crud_bootstrap/

Topics

pagination vuejs crud state-management vue vuex localstorage axios vue-router table-sorting vuelidate bootstrapvue fake-rest-api table-filter table-filter-search

Resources

Readme
Activity

Stars

20 stars

Watchers

1 watching

Forks

6 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages