css Archives - Bérenger Dalle-Cort

Collatz visualizer | Syracuse function with x=12

I was recently triggered by the Collatz conjecture – also known as the Syracuse conjecture. As I wanted to learn a few bunches of new web technologies (Bootstrap, Webpack, Chart.js), I decided to start a simple project on the Collatz theme in order to get a new experience.

The Collatz conjecture involving the Syracuse function is still an unproven mathematical problem. With my website, you can visualize the Syracuse function for a given initial number.

Browse collatzvisualizer.42borgata.com to try it.

Bootstrap / Webpack / Sass / Chart.js / Javascript / HTML / CSS

Intro

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.

Bérenger Dalle-Cort

Software Engineer

css

Collatz Visualizer

Let’s try React!

Intro