VueJS CLI: Basics | Level 3-9: Creating a Component

MEVN - 19 - Dynamic Route Matching to ToDo details-page

MEVN - 23 - promise.then() used to invoke function and fetch() updated data and force update in Vue

MEVN - 21 - Store route.params.id in computed() variable. Use filter() along todoID to fetch() data

MEVN - 20 - using $set mongo operator to update fields based on input-field data + editTodo()

MEVN -22 - convert with json.stringify() to send updated data to mongo using todoID + useRouter push

MEVN - 17 - Dynamic input-field for editTodo detailpage view

MEVN - 18 - Sending dynamic data(input-fields) from Vue through BackEnd routes(express) to mongodb

MEVN - 13 - Importing Composable Functions and using them in component

MEVN - 12 - Creating new file for Composable Function. Moving logic and export default

MEVN - 10 - Composition Setup and test with static data

MEVN - 14 - Creating newTodo composable function and importing into component

MEVN - 16 - Creating editTodo composable function and importing into component

MEVN - 11 - fetch() data from mongoDB, store into Vue3 and exposes data to the template(view/html)

MEVN - 15 - Creating deleteTodo composable function and importing into component

MEVN - 9 - Creating Vue Project with CLI

MEVN - 7 - Creating routes for create/post, delete, update/put

MEVN - 8 - Using PostMan to test our backend routes + handling errors created

MEVN - 5 - Express Model Schema setup

MEVN - 6 - Setting up router and creating first route + exporting module

MEVN - 4 - Creating app.js, connecting to mongo, and allowing CORS - partTwo

MEVN - 3 - Creating app.js, connecting to mongo, and allowing CORS - partOne

MEVN - 2 - MongoDB online(Atlas)

MEVN - 1 - (Vue3 Composition) - Setting up Backend(REST Api)

Web Animations 12 | display flex parent + 4 child elements