Master Deno, React, Mongo, NGINX running with Docker-Compose

Course Curriculum

Chapter 1: Create our Docker compose file

Lecture 1: Creating the Docker compose file

Chapter 2: Create our Dockerfile

Lecture 1: Deno new Docker image may have a different user

Lecture 2: Creating the frontend Dockerfile

Lecture 3: Creating the API Dockerfile

Chapter 3: Installing Deno and React on our containers

Lecture 1: Creating our React app in a Docker container

Lecture 2: Hello from Deno from Docker

Chapter 4: Creating our Deno App

Lecture 1: First part of our journey: Backend with Deno

Chapter 5: Creating our server using Oak

Lecture 1: Problems creating the Deno Docker container on newer versions

Lecture 2: Importing our first module Oak

Lecture 3: Creating our First route

Lecture 4: Exporting our routes

Lecture 5: Creating our first Controller

Chapter 6: Connecting to Mongo

Lecture 1: Fixes on MongoClient newest versions

Lecture 2: Connecting Deno to Mongo

Lecture 3: Saving our first value into MongoDB

Lecture 4: Refactoring for a Singleton our first Design Pattern

Lecture 5: Fixing MongoDB error on the new versions

Chapter 7: Validating with Validasaur

Lecture 1: Creating our Model and Schema

Lecture 2: Validating our post request

Chapter 8: Creating our CRUD (Create/Read/Update/Delete)

Lecture 1: GetAll Endpoint with Mongo

Lecture 2: Get the query parameters from URL and request one item

Lecture 3: Creating a validateMongoId function

Lecture 4: Return a 404 when no to-do is found

Lecture 5: Delete a to-do from Mongo

Lecture 6: Updating a record in Mongo

Lecture 7: Validating the Update

Lecture 8: Creating our custom validator using Validasaur

Lecture 9: Validasaur limitations notNull and requiredWhen and Optional

Chapter 9: Repositories and Interfaces

Lecture 1: Creating our first Interface

Lecture 2: Creating our first Mongo Repository

Lecture 3: Testing all endpoints with postman

Chapter 10: Setting the headers

Lecture 1: How to add headers to one of our endpoints

Lecture 2: Implement our first middleware

Lecture 3: Creating Content Type Json responses without need to set the headers

Chapter 11: Creating middle-wares

Lecture 1: Creating a not found middle-ware

Chapter 12: Cleaning up the Any types

Lecture 1: Cleaning up the Any types – RouterContext type

Lecture 2: Cleaning up Response type and Importing Status Enum to define our Not Found

Lecture 3: Cleaning up the Application type

Lecture 4: Cleaning up the Next type

Lecture 5: Finally a type we can choose

Chapter 13: Creating new routes

Lecture 1: Creating the order to- do router

Lecture 2: Creating a more standard router URL using Docker to keep the API version

Lecture 3: Reusing our new router creator to create the new to-do order endpoints

Chapter 14: Understanding and creating the data shape

Lecture 1: Data shape in MongoDB

Lecture 2: Validating the MongoID

Chapter 15: Creating Projections, Lookups and Aggregation in MongoDB

Lecture 1: Creating Lookups and more Projections in MongoDB

Lecture 2: Creating projections in MongoDB

Lecture 3: Implementing our projections in Deno

Lecture 4: Saving our order to-do into MongoDB

Chapter 16: Docker signals to close (SIGTERM, SIGINT, SIGQUIT) – Respect

Lecture 1: Understanding why we should always respect the SIG Family

Lecture 2: Implement the Deno listeners for your Docker termination signals

Lecture 3: Deno is listening but nothing happens, is Docker really saying something?

Lecture 4: Passing the termination signal from Deno to Oak

Lecture 5: Refactoring the code to a Signal Manager function

Chapter 17: Setting up CORS with Deno

Lecture 1: Deno, CORS. What and why?

Lecture 2: Pre-Fligth, when options are not always a option

Chapter 18: Back from the Future

Lecture 1: Inserting the ID into your new todo response (trust me we will need that later)

Chapter 19: Creating the React App (Front End)

Lecture 1: Second leg of the journey: React and the frontend

Chapter 20: Starting our React project

Lecture 1: Review and clean up

Chapter 21: Installing and setting up UIkit

Lecture 1: Installing ans setting up UIkit

Chapter 22: Creating the Navbar for our application

Lecture 1: Creating the Navbar and the Logo

Lecture 2: Adding the search bar on the Navbar

Lecture 3: Refactoring the Navbar to its on component

Lecture 4: Let's make it Sticky to the top

Chapter 23: Creating the To-do Card

Lecture 1: Creating the card

Lecture 2: Refactoring the card component

Chapter 24: Grouping things

Lecture 1: Creating our groups

Chapter 25: Being able to Drag'n'drop

Lecture 1: Making it Drag'n'drop

Lecture 2: Refactoring group and grouping items

Chapter 26: Creating a Float Action Button

Lecture 1: Creating a floating action button

Lecture 2: Refactoring the float action button

Chapter 27: Creating a Modal Popup

Lecture 1: Creating and triggering our modal

Lecture 2: Creating the body of our modal