Apr 17

Android Jetpack Compose: Clean Architecture — 2022 (Prima Version)

Based on the Guide to app architecture by Google for Android Developers and combined with the principals of Clean Arhitecture. This is how a project for Android in majority looks like if they want/follow Clean Architecture. Some may have it a little differently in the subfolders/subpackages. …

Android

4 min read

Jul 24, 2021

Display SVG with accompanist-coil with Jetpack Compose

There comes a time when you just need to display an SVG file. In your gradle add the following. The version may be different as of writing this. //Coil implementation "com.google.accompanist:accompanist-coil:0.11.1" implementation "io.coil-kt:coil-svg:1.1.1" With this we now have the ability to use an SVGDecoder, that we can use in our…

Jetpack Compose

1 min read

Display SVG with accompanist-coil with Jetpack Compose

There comes a time when you just need to display an SVG file.

Photo by Ehimetalor Akhere Unuabona on Unsplash

In your gradle add the following. The version may be different as of writing this.

//Coil
implementation "com.google.accompanist:accompanist-coil:0.11.1"
implementation "io.coil-kt:coil-svg:1.1.1"

With this we now have the ability to use an SVGDecoder, that we can use in our…

Jun 13, 2021

JetpackCompose — Weather App — random design — code snippet

This is just one of many in the series of a “Random design and its implementation in jetpack compose beta 08”. The code and its design might come in handy sometime in the future, might as well share it with others. Speaking of code, its not pretty, its just to…

Jetpack Compose

4 min read

Dec 13, 2020

Jetpack Compose — Drawing custom shapes (Circle, Rect, Paths)

Using Jetpack Compose alpha08 build. This post will cover how to draw shapes in Jetpack Compose. Before starting, it’s good to have a grid notebook, something you can just use pen and paper and draw what you want to draw there first. The 0,0 is always in the top left…

Jetpack Compose

3 min read

Aug 16, 2020

Learn Kana with simple JavaScript

Learn Hiragana and Katakana charaters with some help from plain old JavaScript. We are making a single html page that will display a random Kana — a random Hiragana and its Katakana equivalent. Data structure Lets create app.js, it will contain our JavaScrip, data structure and the function to fetch a random…

Java Script

2 min read

Mar 22, 2020

Ruby vs Node vs Go (Rails vs Express vs Gin)

Comparing 3 web frameworks, how fast can they render the message “hello” via a templating engine back to the user. There is no optimisation going on. The premise is: pull the framework create the route controller handler assign a variable with a string message create the view for the template…

Java Script

3 min read

Ruby vs Node vs Go (Rails vs Express vs Gin)

Jun 9, 2019

Secure your local development server with HTTPS (Next.JS)

Sometimes you just need to secure your localhost in order to test some stuff, like OAuth for example. Create certificate Creating a certificate for localhost is easy with openssl . Just put the following command in the terminal. The output will be two files: localhost.key and localhost.crt openssl req -x509 -out localhost.crt -keyout localhost.key \ -newkey rsa:2048 -nodes -sha256 \ -subj '/CN=localhost' -extensions EXT -config <( \ printf "[dn]\nCN=localhost\n[req]\ndistinguished_name = dn\n[EXT]\nsubjectAltName=DNS:localhost\nkeyUsage=digitalSignature\nextendedKeyUsage=serverAuth")

Java Script

1 min read

Secure your local development server with HTTPS (Next.JS)

Jun 9, 2019

Setup React+Babel+Webpack4 for you project

Setting up React with Babel is already available with create-react-app. If you need something configured and just start writing stuff, use that. In this article, we will create our own configuration boilerplate. In doing this we will better understand how these things actually work together. Init Setting up working directory. In…

React

2 min read

May 9, 2019

Rails API with FastJSON from Netflix

Let’s build a simple Rails API and use Netflixes FastJSON library to serialize our JSON responses. Project setup First create a new rails project in api mode. rails new fjsonrail --api --skip-tests -d mysql Then in the gem file add the gems: gem 'faker', '~> 1.9', '>= 1.9.3' …

Ruby On Rails

2 min read

May 5, 2019

Simple Painter in ReactJS — useContext, useState

A simple painter, where you pick a color from a set of preselected ones. And then paint a grid cell with that color. We will be using React Hooks, more specifically useContext and useState. Context will give our components a context of color, which can be set via useState hook. Init …

Java Script

3 min read

Simple Painter in ReactJS — useContext, useState