Add a splash screen or loading spinner in Flutter Web.

Image for post
Image for post

Introduction

In addition to mobile applications Flutter has introduced web support, which generates web content rendered using the standard web technology stack: HTML, CSS, and JavaScript. This way, you can compile existing Flutter code written in Dart into a web project that can be embedded in the browser and deployed to any web server.

At the moment of writing this post (December 2020) a lot of standard mobile Flutter libraries have already added web support, extending the functionality that we already know for mobile apps, now for web applications. …

Build your own components to use with React.js and Next.js in 5 minutes

Image for post
Image for post
Photo by Tudor Baciu on Unsplash

Years ago when I made my first approach to the React.js environment, I came up with different concepts with different naming. One of those concepts is Higher Order Component (Or HOC), which is without doubt one of the features I like (and use) the most.

As React official documentation says:

A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature. …

Image for post
Image for post
Photo by Kelly Sikkema on Unsplash

In this tutorial, we will learn how to build a complex animation using Flutter, based on the logo of Arcaweb.

Arcaweb is a swiss company based in the heart of Agno, Ticino, as an active member of the Swiss tech scene, developing software solutions for companies and startups. Its logo presents three red squares and a rotated grey square; next to it, there’s the company name with two different text formats:

Image for post
Image for post
Photo by Kristina Flour on Unsplash

Introduction

As developers, we found ourselves very often in situations where we need to protect certain data or variables not only from potential attacks but from users as well. When developing a mobile application, a web platform, even a single page application we use to rely on different libraries or third-party services (for instance Google Maps for location, Facebook or Google for signing in, and so on), as well as API credentials (being on our very own server or an external one), and SSH-keys for remote connection. In synthesis, we are speaking of sensitive information.

To keep our code safe and secure, we can host our code in different repositories, being the most used GitHub, GitLab, and Bitbucket. The recent acquisition of Github by the tech giant Microsoft made most users evaluate the repository they were using, depending on the features they needed and how they felt with each platform. The actual share on providers can be reflected in the following…

Build your own chrome extension to count words, characters, and price-per-word as you write

Image for post
Image for post
Photo by Andrew Neel on Unsplash

Introduction

Not long ago, I started writing on Medium as a part-time gig to alternate with my freelance work. Not being a native English speaker, I found using chrome extensions like Grammarly really helpful. (In case you don’t know it yet, it is a digital writing tool that uses artificial intelligence and natural language processing to help with grammar checking, spell checking, plagiarism detection and suggestions about clarity, formality, tone, and vocabulary). Anyway, I don’t use all of its features because it has different plans (Free, Premium for individuals and Premium for business) or at least I didn’t have the necessity of using those features yet. …

Image for post
Image for post
Photo by Morning Brew on Unsplash

Introduction

We are always aware of several news articles we read since years ago about how much time we spent in front of our computers and how bad it is not to have a good culture about it.
According to a Nielsen Company audience report made in February 2018, the average person in the United States spent approximately 10 hours and 39 minutes each day in front of screens, including the daily use of smartphones, computers, video games, tablets, and TVs.
At the same time, the technology is enough updated to help us fix this, at least by baby steps. I was thinking about how to combine this problem with this blessing, and I came up with this experiment: writing a blog article on a paper (What can be easily done outside), take a picture of it and run a script to convert it to HTML. …

Image for post
Image for post
Golang

Database queries on Go with PostgreSQL

Introduction

Note: This is a tutorial divided into 3 parts:

  1. Installing Go
  2. TDD with Go and PostgreSQL
  3. Database queries on Go with PostgreSQL

Finishing the Job

In the second part, we end up writing all the tests for our methods, specifically for our products model. Back in our model.go file, we left a lot of “Not implemented” messages, so let’s fix it:

func (p *product) getProduct(db *sql.DB) error {
return db.QueryRow("SELECT name, price FROM products WHERE id=$1",
p.ID).Scan(&p.Name, &p.Price)
}
func (p *product) updateProduct(db *sql.DB) error {
_, err :=
db.Exec("UPDATE products SET name=$1, price=$2 WHERE id=$3",
p.Name, p.Price, p.ID)
return err
}
func (p *product) deleteProduct(db *sql.DB) error {
_, err := db.Exec("DELETE FROM products WHERE id=$1"…

Image for post
Image for post
Golang

TDD with Go and PostgreSQL

Introduction

Note: This is a tutorial divided into 3 parts:

  1. Installing Go
  2. TDD with Go and PostgreSQL
  3. Database queries on Go with PostgreSQL

What are we going to build?

The scope of this project is to build from scratch (Literally, from creating the git repository) an example of REST API with Go, including routing, database-fetching (PostgreSQL) and, to start with the right foot, via Test-Driven Development.

Starting PostgreSQL with Docker

First of all, we need to have PostgreSQL installed on your machine. I prefer to use a Docker container with PostgreSQL. …

Image for post
Image for post
Golang

Introduction: Installing Go

Introduction

Note: This is a tutorial divided into 3 parts:

  1. Installing Go
  2. TDD with Go and PostgreSQL
  3. Database queries on Go with PostgreSQL

Learning Go is a lot easier in 2020, there’s a lot of resources around and it is a language that is growing rapidly, alongside its community. For those who don’t know what’s about yet, Go is a compiled, statically typed programming language developed by Google. Some examples of applications written in Go are Docker and Kubernetes.

Install Go

In my case, I own a Pixelbook (The i7–16GB RAM version), so I will be following the instructions for Linux; for the rest of the OS, the instructions are detailed on https://golang.org/doc/install. …

About

Juan Curti

Senior Full Stack Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store