monolith migrated

Author: JaimeSalas

02-orquestacion/exercises/01-monolith/todo-app/.env.test

@@ -5,4 +5,4 @@ DB_USER=postgres
 DB_PASSWORD=postgres
 DB_PORT=5432
 DB_NAME=todos_db
-DB_VERSION=10.4
+DB_VERSION=16

02-orquestacion/exercises/01-monolith/todo-app/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:12-alpine3.12 as builder
+FROM node:22-alpine AS builder
 
 WORKDIR /build
 
@@ -15,14 +15,14 @@ COPY package*.json ./
 COPY tsconfig.json ./ 
 
 # Build apps
-RUN npm install
+RUN npm ci
 
 RUN cd ./frontend && npm install
 
 RUN npm run build
 
 # Packaging app
-FROM node:12-alpine3.12 as app
+FROM node:22-alpine AS app
 
 WORKDIR /app
 

02-orquestacion/exercises/01-monolith/todo-app/Dockerfile.todos_db

@@ -1,3 +1,3 @@
-FROM postgres:10.4
+FROM postgres:16
 
-COPY ./todos_db.sql /docker-entrypoint-initdb.d
+COPY ./todos_db.sql ./docker-entrypoint-initdb.d

02-orquestacion/exercises/01-monolith/todo-app/README.md

@@ -16,29 +16,46 @@ DB_VERSION=
 ## Start Database using Docker
 
 ```bash
-$ docker run -d -p 5432:5432 -v todos:/var/lib/postgresql/data --name postgres postgres:10.4
+docker run -d -p 5432:5432 -e POSTGRES_PASSWORD=postgres -v todos:/var/lib/postgresql/data --name postgres postgres:16
 ```
 
-If the database was not initialized, we can solve this by:
+If the database was not initialized, we can solve this by running:
 
 ```bash
-$ docker exec -i postgres psql -U postgres < create_todos_db.sql
+docker exec -i postgres psql -h localhost -U postgres < todos_db.sql
 ```
 
 Notice, that since we have a volume we will not need to run again the above code.
 
+(Optional) We can check that the new data base and data ahs been created by running the following commands:
+
+```bash
+docker exec -it postgres psql -h localhost -U postgres
+```
+
+```psql
+\l 
+\c todos_db
+select * from todos;
+\q
+```
+
+
 ## Migrations
 
-To create a new `knexfile.js` run: 
+To create a new `knexfile.js` run:
 
 ```bash
-$ $(npm bin)/knex init 
+npx knex init
 ```
 
 ### Creating a Table
 
 ```bash
-$ $(npm bin)/knex migrate:make create_todos_table
+npx knex migrate:make create_todos_table
+```
+
+```
 Using environment: development
 Using environment: development
 Using environment: development
@@ -48,48 +65,57 @@ Created Migration: /Users/jaimesalaszancada/Documents/paths/ci_cd-path/04_gitlab
 We can create the migration code as follows:
 
 ```js
-exports.up = function(knex) {
-    return knex.schema.createTable('todos', function(table) {
-        table.increments('id');
-        table.string('title', 255).notNullable();
-        table.boolean('completed').notNullable();
-    });
+exports.up = function (knex) {
+  return knex.schema.createTable('todos', function (table) {
+    table.increments('id');
+    table.string('title', 255).notNullable();
+    table.boolean('completed').notNullable();
+  });
 };
 
-exports.down = function(knex) {
-    return knex.schema.dropTable('users');
+exports.down = function (knex) {
+  return knex.schema.dropTable('users');
 };
 ```
 
 To see pending migrations
 
 ```bash
-$ $(npm bin)/knex migrate:list
+npx knex migrate:list
+```
+
+```
 Using environment: development
-No Completed Migration files Found. 
+No Completed Migration files Found.
 Found 1 Pending Migration file/files.
 20201122205735_create_todos_table.js
 ```
 
 To run the migration
 
 ```bash
-$ $(npm bin)/knex migrate:up 20201122205735_create_todos_table.js
+npx knex migrate:up 20201122205735_create_todos_table.js
+```
+
+```
 Using environment: development
 Batch 1 ran the following migrations:
 20201122205735_create_todos_table.js
 ```
 
 ### Updating table
 
-* The previous table must be updated with two new columns:
-    - due_date -> `datetime`
-    - order -> `int`
+- The previous table must be updated with two new columns:
+  - due_date -> `datetime`
+  - order -> `int`
 
 As before we create the migration
 
 ```bash
-$ $(npm bin)/knex migrate:make update_todos_table
+npx knex migrate:make update_todos_table
+```
+
+```
 Using environment: development
 Using environment: development
 Using environment: development
@@ -99,32 +125,40 @@ Created Migration: /Users/jaimesalaszancada/Documents/paths/ci_cd-path/04_gitlab
 And the migration will look as follows:
 
 ```js
-exports.up = function(knex) {
+exports.up = function (knex) {
   return knex.schema.table('todos', (t) => {
-      t.datetime('due_date');
-      t.integer('order');
+    t.datetime('due_date');
+    t.integer('order');
   });
 };
 
-exports.down = function(knex) {
-    return knex.schema.table('todos', (t) => {
-        t.dropColumn('due_date');
-        t.dropColumn('order');
-    });
+exports.down = function (knex) {
+  return knex.schema.table('todos', (t) => {
+    t.dropColumn('due_date');
+    t.dropColumn('order');
+  });
 };
 ```
 
 To apply all pending migrations, we can run:
 
 ```bash
-$ $(npm bin)/knex migrate:list
+npx knex migrate:list
+```
+
+```
 Using environment: development
-No Completed Migration files Found. 
+No Completed Migration files Found.
 Found 2 Pending Migration file/files.
-20201122205735_create_todos_table.js 
-20201123104711_update_todos_table.js 
+20201122205735_create_todos_table.js
+20201123104711_update_todos_table.js
+```
 
-$ $(npm bin)/knex migrate:latest
+```bash
+npx knex migrate:latest
+```
+
+```
 Using environment: development
 Batch 1 run: 2 migrations
 ```
@@ -159,20 +193,24 @@ development: {
 # .....
 ```
 
-Now to generate the seed file we must run `$(npm bin)/knex seed:make todos`
+Now to generate the seed file we must run `npx knex seed:make todos`
 
 ```bash
-$ $(npm bin)/knex seed:make todos
+npx knex seed:make todos
+```
+
+```
 Using environment: development
 Using environment: development
 Using environment: development
 Created seed file: /Users/jaimesalaszancada/Documents/paths/ci_cd-path/04_gitlab_or/todo-app-react/data/seeds/todos.js
 ```
 
 ```js
-exports.seed = function(knex) {
+exports.seed = function (knex) {
   // Deletes ALL existing entries
-  return knex('todos').truncate()
+  return knex('todos')
+    .truncate()
     .then(function () {
       // Inserts seed entries
       return knex('todos').insert([
@@ -182,69 +220,78 @@ exports.seed = function(knex) {
       ]);
     });
 };
-
 ```
 
 To run the seed now we can do
 
 ```bash
-$ $(npm bin)/knex seed:run
+npx knex seed:run
 ```
 
 #### Migration References
 
 > Quick Start Tutorial: http://perkframework.com/v1/guides/database-migrations-knex.html
 > Seeding a database with Knex: https://dev.to/cesareferrari/database-seeding-with-knex-51gf
 
-## Running the Application with Docker on Local
+## Running the Application with Docker on Locally
 
 ```bash
-$ docker build -t jaimesalas/lc-todo-monolith . 
+docker build -t jaimesalas/lc-todo-monolith .
 ```
 
 Create network
 
 ```bash
-$ docker create network lemoncode
+docker network create lemoncode
 ```
 
 Start database
 
 ```bash
-docker run -d --network lemoncode -v todos:/var/lib/postgresql/data --name postgres postgres:10.4
+docker run -d -e POSTGRES_PASSWORD=postgres \
+ --network lemoncode \
+ -v todos:/var/lib/postgresql/data \
+ --name postgres \
+ postgres:16
 ```
 
 Start app without database
 
 ```bash
-$ docker run -d -p 3000:3000 \
+docker run -d -p 3000:3000 \
   -e NODE_ENV=production \
   -e PORT=3000 \
   jaimesalas/lc-todo-monolith
 ```
 
-Start up with database 
+Start up with database
 
 ```bash
-$ docker run -d --network lemoncode -p 3000:3000 \
+docker run -d --network lemoncode -p 3000:3000 \
   -e NODE_ENV=production \
   -e PORT=3000 \
   -e DB_HOST=postgres \
   -e DB_USER=postgres \
   -e DB_PASSWORD=postgres \
   -e DB_PORT=5432 \
   -e DB_NAME=todos_db \
-  -e DB_VERSION=10.4 \
+  -e DB_VERSION=16 \
   --name monolith \
   jaimesalas/lc-todo-monolith
 ```
 
+We can visit now 'localhost:3000' to see our application running
+
 ## Create stand alone database
 
 ```bash
-$ docker build -t jaimesalas/lc-todo-db -f Dockerfile.todos_db .
+docker build -t jaimesalas/lc-todo-db -f Dockerfile.todos_db .
 ```
 
 ```bash
-$ docker run -d -p 5432:5432 -v other_todos:/var/lib/postgresql/data --name lc-todo-db jaimesalas/lc-todo-db
-```
+docker run -d -e POSTGRES_PASSWORD=postgres \
+ -p 5432:5432 \
+ -v other_todos:/var/lib/postgresql/data \
+ --name lc-todo-db \
+ jaimesalas/lc-todo-db
+```

02-orquestacion/exercises/01-monolith/todo-app/frontend/config/webpack.dev.js

@@ -2,13 +2,12 @@ const { merge } = require('webpack-merge');
 const common = require('./webpack.common');
 
 module.exports = merge(common, {
-    mode: 'development',
-    devtool: 'eval-source-map',
-    devServer: {
-        proxy: {
-            '/api/': 'http://localhost:3000',
-        },
-        port: 8081,
-        stats: 'errors-only',
+  mode: 'development',
+  devtool: 'eval-source-map',
+  devServer: {
+    proxy: {
+      '/api/': 'http://localhost:3000',
     },
-});
+    port: 8081,
+  },
+});