Web Design

"BioRobot ToDo"

January 2021

A Handy TODO system.

I like turning complicated tasks in to simple subtasks. And for my household, I have a million small things to do. As both my memory is not perfect anymore, and i'm kind of a procrastinator, it's easy to forget small things. So, this system helps me in both dividing large endeavours in small manageable parts, and to keep small tedeous from the back of my mind on the agenda.

Both the task, and the category it belongs to have an Edit button to let you rename or move it.

First step is to select an existing category on the left. (or create a new one using the "Create new Category" Button).
Then write a title / description for the task in the "Write title here" field
Smash that "Submit button!"

You can move the whole category with tasks underneath it sideways using the "<" and ">" buttons. Tasks can be moved up and down using the up and down arrows. If a task is done, simply hit "Done" or "Delete".

A task that is done will end up in the "History" area at the top of the screen where you can either restore it in case you hit "Done" accidentally, or you can permanently delete it from there.
A task that is deleted ends up in the "Bin" on the top area of the screen. Just like a task that was marked "Done", you can also open the bin to restore or permanently delete a task.

There is a checkbox in each task that is only there for visual marking what you have already done. It does not actually do anything behind the scenes.

Every action you perform on this app, be it the creation of a new category or task, something deleted or moved sideways, a checkbox that is marked, etc. is stored in memory. No need to use a "Save" button (So it does not even exist).
Shut down the browser or your PC and the data will be the same the next time you visit the app.

Privacy of your data:
There is no back-end code that sends your tasks to a server or anything like that. This is just a simple HTML file with JavaScript code that takes input from the text fields, and stores the data in the form of a cookie on your browser. The data does not leave your computer at anytime. Please feel free to take a glance at the code by saving the HTML file and reading the code for yourself. I have put all the CSS/HTML/JavaScript in a single HTML file for your convenience.

(Please note that this is part of a multitude of apps that i have created for personal use. therefore the code is not compacted.)

Be my guest and use it by clicking on THIS link.

HTML/JavaScript.

"House Designs"

Juli 2020

My city builder game.

I'm working on my JavaScript citybuilder videogame. Little by little i'm adding more details to the designs of the buldings... Liking the trees i created last night.
This is drawn using HTML Canvas, i just create a lot of rectangles to get to this.

Click THIS to play a very buggy first attempt at the game!

Digital Art, HTML/JavaScript.

"Metropolis 2127"

This is my pet project!

I'm creating a game, in the theme of the brilliant movie from 1927 by Fritz Lang. Originally written in Python, and now migrated to JavaScript.
I reframe from using libraries, frameworks or an existing engine. The style is a Citybuilder & Micromanager / Adventure game.

link to the Github page of the project

Click on the photo below to play it right now! It's free!

(NOT PERFECT YET, UNDER CONSTRUCTION)

"OnTrack Dashboard"

This is my dashboard i use for project management and backing up my data.
I've written it myself, and it grew organically by slowly adding 1 feature at a time.
We all know how frightening it can be to lose data, so i love keeping my back-ups in order.

This is a snapshot here, i update the original version on a daily basis.
Ps. Did i tell you i love tables?

"Hairy Mary"

2018, My first website! Click here to head over to Hairy Mary.
The best barber in town heaven!