Let’s try React!


After implementing the PHP backend working with the Angular front-end, I was curious about other front-end framework alternatives. I heard a lot about React and Vue, and I decided to choose React because of the low effort it seems to require to get quick results. I started to implement a simple page to display a joke slideshow, something close to the original Angular version, but with a slightly different style. The figure below shows a capture of the single page using React.

WIP React front-end | Joke slideshow

You can browse the page by following the link here, the source code is here. More info below.

Read more…

Jeu de mots v0.2 | an Angular 13/PHP 7 exercise


My website www.relativementutile.fr/jeudemots has been updated. I decided to add a backend!

Before the update, jokes were stored in a monolithic JSON, they are now saved in a database. The JSON format is still used, but jokes are transmitted in pages. Page size is a parameter, it can be adjusted depending on the context. Sometimes we need 10 jokes (for a list) sometimes only one (home page).

An administrator can review jokes online and publish them, he can also maintain easily the website.

Angular 13 / PHP 7.4 / MySQL / phpMyAdmin / XAMPP

Read more…

Nodable v0.8

Today I publish a first version of Nodable v0.8. This version comes with a lot of changes.

To start, a picture is better than words:

Fig. 1 – Nodable v0.8 – User edit a value from the graph, Nodable updates the code.

What’s new ?

We handle now multiple instructions and conditional structures. This new feature has been developed in order to figure out how to symbolize the code flow? and how to deal with execution?

We decided to add new nodes to symbolize instruction, code block and scopes. These nodes can be connected with green links to express next-previous relation type.

Fig 2 – Two instruction nodes liked in green to express next/previous relation.
Read more…