Tag: crud

React Material UI examples with a CRUD Application

Thinh Nguyen 2 Comments

In this tutorial, I will show you how to build React.js Material UI examples with a CRUD Application to consume Web API, display and modify data with Router, Axios.

Fullstack:
– React + Spring Boot + MySQL: CRUD example
– React + Spring Boot + PostgreSQL: CRUD example
– React + Spring Boot + MongoDB: CRUD example
– React + Node.js + Express + MySQL: CRUD example
– React + Node.js + Express + PostgreSQL example
– React + Node.js + Express + MongoDB example
– React + Django + Rest Framework example

File upload: Material UI File Upload example with Axios & Progress Bar

Using Bootstrap instead: React.js CRUD example to consume Web API

Serverless:
– React Firebase CRUD with Realtime Database
– React Firestore CRUD App example | Firebase Cloud Firestore

Read More

Spring Boot + Vue.js + MongoDB: CRUD example

bezkoder 2 Comments

In this tutorial, we will learn how to build a full stack example with Spring Boot + Vue.js + MongoDB CRUD Application. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data for interacting with MongoDB database. Front-end side is made with Vue, Vue Router & Bootstrap.

Related Post: Spring Boot + Vue.js: Authentication with JWT & Spring Security Example

More Practice: Vue + Spring Boot: File Upload example

Run both Project on same server/port:
How to integrate Vue.js with Spring Boot

Serverless with Firebase:
– Vue Firebase Realtime Database: CRUD example
– Vue Firestore: Build a CRUD App example

Read More

Angular 8 Firebase CRUD Realtime DB | AngularFireDatabase

bezkoder 1 Comment

In this tutorial, I will show you how to build Angular 8 CRUD App example with Firebase Realtime Database that uses AngularFireDatabase service.

Newer versions:
– Angular 10 Firebase CRUD example
– Angular 11 Firebase CRUD example
– Angular 12 Firebase CRUD example
– Angular 13 Firebase CRUD example
– Angular 14 Firebase CRUD example
– Angular 15 Firebase CRUD example

Related Posts:
– Angular 8 CRUD Application example with Web API

Read More

Vue Typescript example: Build a CRUD Application

bezkoder 2 Comments

In this tutorial, I will show you how to build a Vue.js Typescript CRUD Application to consume REST APIs, display and modify data using Vue, Vue Router, Axios & Bootstrap.

More Practice:
– Vue/Vuex Typescript: JWT Authentication example
– Vue File Upload example using Axios

Fullstack:
– Vue.js + Node.js + Express + MySQL example
– Vue.js + Node.js + Express + PostgreSQL example
– Vue.js + Node.js + Express + MongoDB example
– Vue.js + Spring Boot + MySQL example
– Vue.js + Spring Boot + PostgreSQL example
– Vue.js + Spring Boot + MongoDB example
– Vue.js + Django example

Vue 3 Typescript version at:
Vue 3 Typescript example with Axios: Build CRUD App

Read More