Skip to content

A Complete Single Page Application using Vue, Vue Router, Bootstrap-Vue, Vuex and all....

Notifications You must be signed in to change notification settings

ManiruzzamanAkash/Vue-3-Advance-CRUD

Repository files navigation

Vue-CRUD Application

A Complete Single Page Application (SPA) or Product CRUD Application using Vue 3, Vue Router, Vue-Pagination, Searching, Sweet Alert, Vuex and all....


Vue-3 CRUD Project Demo

Let's check the whole demo of the application of Vue-3 Complete CRUD with Vuex:

Demo of Main Page

View Demo From Youtube -

Vue-3 CRUD Project Todo List

Setup Part

  • Vue JS Page Setup
  • Vue Router Setup
  • Vue-Bootstrap Setup
  • Vuex Setup for Central Storage Management

CRUD Part

  • Page Design
    • Product List Page Design
    • Product Create/Edit Page Design
    • Product View Page Design
    • Product Delete Modal
  • Product List
    • Product List API Integration
    • Product Pagination
    • Product Searching
  • Product Create
    • Form Validation throw Vue-validate
  • Product Edit
    • Product Details Loading and Edit
  • Product Delete
    • Sweet Alert or other alert system

Project setup

git clone https://github.com/ManiruzzamanAkash/Vue-3-Advance-CRUD.git
cd Vue-3-Advance-CRUD

Copy .env.example to .env and run

npm install

API Project Setup (Laravel API)

https://github.com/ManiruzzamanAkash/Laravel-Basic-CRUD-API

Note: It could be your api if you want. Just follow the process. It's super simple by using Laravel with PHP

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

About

A Complete Single Page Application using Vue, Vue Router, Bootstrap-Vue, Vuex and all....

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published