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:
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
- Form Validation throw
- 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