Vue.js + Node.js + Express + MongoDB example: MEVN stack CRUD Application

In this tutorial, I will show you how to build a MEVN stack (Vue.js + Node.js + Express + MongoDB) example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, front-end side is a Vue client with Vue Router and axios.

More Practice: Node.js Express + Vue.js: JWT Authentication & Authorization example

Run both projects (back-end & front-end) in one place:
How to serve/combine Vue App with Express

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

Read More

Vue Upload Multiple Images with Axios and Progress Bars

In this tutorial, I will show you way to build a Vue example for Upload Multiple Images that uses Axios and Multipart File with FormData for making HTTP requests. You will also know how to add Bootstrap progress bar, show response message and display list of images’ information (with name and url) from Web API.

More Practice:
Vue.js 2 CRUD Application with Vue Router & Axios
Vue.js JWT Authentication with Vuex and Vue Router
Vue Pagination with Axios and API example

Using Vuetify instead of Bootstrap:
Vuetify Multiple Images Upload example

Read More

Kotlin sum(), sumBy(), sumByDouble() and BigDecimal in List, Map example

In this Kotlin tutorial, I will show you some examples that uses sum(), sumBy(), sumByDouble() for List, Map. We’re gonna create sum() & sumByBigDecimal() which also work for List of BigDecimal objects.

Related Posts:
Kotlin List & Mutable List tutorial with examples
How to work with Kotlin HashMap
Kotlin Fold Example: fold(), foldRight(), foldIndexed(), foldRightIndexed()
Kotlin groupBy(), groupingBy() example

Read More

Vue Multiple Files Upload with Axios, FormData and Progress Bars

In this tutorial, I will show you way to build a Vue Multiple Files Upload example that uses Axios and Multipart File with FormData for making HTTP requests. You will also know how to add Bootstrap progress bar, show response message and display list of files’ information (with url) from Web API.

More Practice:
Vue.js 2 CRUD Application with Vue Router & Axios
Vue.js JWT Authentication with Vuex and Vue Router
Vue Pagination with Axios and API example

Read More