DEV Community: Gustavo Cabezal

Starting slow, simple header and footer

Gustavo Cabezal — Tue, 23 Aug 2022 02:04:12 +0000

Starting slow

Mostly being working on having a way to code while on any pc, I found gitpod to test in case I need to use a chromebook or another laptop without much development power.

Gitpod

Gitpod.io has so far shown to be a good replacement for a local dev environment, After seeing Darin Pope use it on a coding session, I liked the idea and wanted to test it.

So far so good, will need to keep testing to see what else I can do with it.

Header

By using a code already written on flowbite, I was able to hack a simple header quickly, I have a UI component in angular called header, that itself uses 3 other components, more granular ones, a title component, a navbar and a button. I like this way to make it work, even if it means that I need to redo some of the boilerplate code to allow for the components themselves to be less specific and to allow parents (either header, footer, other components or the other pages) to use them, by allowing the parents to specify the css class and the internal information, or to have an A LA CART kind of ability of the components to let the parents choose actions.

Footer

Just like the header, mostly boilerplate so far as shown on flowbite, that will get more singular components to be displayed on each page.

Next is to start a boilerplate page setup and the first Jenkins pipeline with deployment on cloud run

Finding new ways to stay on task

Gustavo Cabezal — Fri, 19 Aug 2022 16:05:23 +0000

The Issue

Here is a deal I get distracted when starting a project of my own, mostly due to wanted to test or use different frameworks from the start, so I started to work on small commits, first to keep develop the routine, and also to keep focused on the same things and tooling.

The work

Now that the basics have being stablished, pages, components, UI elements, basic setup of jest, cypress, storybook and so on, I will start with the home page.

First part

Working on the home page will be simple, I already have an idea of how I wanted the page to feel and thus I will start with simple setup of the components, the header, footer and the elements inside, then after that I will do some simple unit testing and e2e, and then create the jenkins pipeline to create the container with buildpacks and setting on cloud run as a container.

So come with me on this odyssey of learning and many rage inducing moments. It will be fun

portfolio repo

Starting a journey of a complicated Portfolio with Angular and Containers

Gustavo Cabezal — Wed, 17 Aug 2022 18:55:00 +0000

The portfolio

So here is the story in a few words, it will be a continuous series, I wanted to update an old portfolio that I had made with hugo. So I said "why not" and deleted the old information, bad for me that the repo was in old files and not online and so I lost that too. I decided to start it all over and get to know better and test new technologies that I wanted to do, and thus I got working on a simple site, I wanted to use angular to see how I can implement new ideas, even if its a basic not that dynamic site.

The tools

For tooling I will be working with:

Website

Angular
Tailwindcss
Jest
Cypress
Storybooks

DevOps

Jenkins
Dependabot
CloudRun
Docker Hub
Buildpacks.

Delivery

CloudRun

The Idea

I will be making a website on angular, having testing on each branch with jenkins, on pull requests I will be creating a container, storing it on docker hub and deploying it on cloudrun.

Simple Yes, lets see how it goes.