I find accordions pretty well suited for FAQs or HowTo pages. That’s why I chose one for the HowTo page of www.codever.dev, which is implemented with angular material expansion panel and accordion.

HowTo Accordion Showcase

This blog post presents the source code for that with a couple of notes.

Octocat Source code for Codever.dev is available on Github - Star

Continue Reading ...

In this blog post I present a complete example of how to upload an image to Amazon S3 bucket all the way from frontend implemented in Angular to the backend implemented with NodeJS/ExpressJS. This is based on a real use case running in production at the www.codever.dev : once you register for an account you have the possibility to change your profile picture with something more personal at user settings.

Octocat Source code for Codever.dev is available on Github - Star

So let’s jump into the tutorial

Continue Reading ...

This blog post presents the steps required to connect to the MySql database from the command line and modify the size of a column in a table. The example is based on the MySql database that is backing Keycloak to run www.codever.dev. For a setup of the environment you can see the wiki article Keycloak MySQL Setup

Continue Reading ...

Recently I’ve taken the time to update the API documentation for bookmarks.dev. I used the Swagger 2.0 (aka OAS 2) before and I decided to update to OpenAPI Specification (OAS) 3. In this post I will highlight the main points about the process and documenting the API with OAS 3. Some points might still apply to the former OAS 2 (fka Swagger) documentation, but they are worth mentioning since I hadn’t payed enough attention before and I find them useful.

You can find the OAS 3 specification for bookmarks.dev on Github and the result is available at bookmarks.dev/api/docs/

Here are the key takeaways.

Continue Reading ...

In this short blog post I will show you how to call the Youtube Data API v3 to get information about youtube videos. I am especially interested in the video duration, description, title, tags and publication date attributes. This is the metadata I use to automagically bookmark youtube videos.

Source code for this article can be found on Github

Continue Reading ...