Personal labs

This page groups some of my personal labs.

Smart webcam

Automatically detect objects in the webcam using Machine Learning with Tensorflow.js.

• Link to demo
• Source code: smart-webcam
• Main lab goals: Create a webpage that uses machine learning directly in the web browser via Tensorflow.js to classify and detect common objects.

Sort analysis

Implementation of the most popular sort algorithms in TypeScript. The website compares those algorithms and visualizes the intermediate steps. The animations can be paused, move forward or backwards, change speed animation, etc. These animations are implemented using a state management store with Redux.

• Link to demo
• Source code: sort-analysis
• Main lab goals: Manage the state with the Redux; implement the most popular sort algorithm implementations; use Material Design Web Components

Sudoku resolver

This little web application resolves Sudoku problems. Just insert the values and click on ‘Resolve’ button. Going forward and backwards is done through the state management store with vanilla RxJS.

• Link to demo
• Source code: sudoku-resolver
• Main lab goals: use a service worker for resolving the brief data-intensive computation; implement a state management store using RxJS (without Redux).

Snake Game

This is an implementation of the Snake game in Vanilla HTML5/CSS and TypeScript.

• Link to demo
• Source code: snake-game
• Main lab goals: use JavaScript window.requestAnimationFrame() method to animate; use the new dialog HTML element; use the new Vite for tooling.

Lab Attributes

Why do I share these small projects? my goals are:

• learn something new by doing
• get first hand experience with some tools / techniques
• small and concrete objectives, do not spend more than a few days
• not for production (do not expect many unit tests)
• some are just for fun
• self-contained