About

A couple of bits about me

I am a developer who enjoys building things on and off the web. Aside from that I do contemplate over the world around me and the quirkiness surrounding our existence.

If you would like to know what I am currently up to, you can check out my blog loet codes where I write about my journey as a developer, lessons I have learnt and those I am un-learning. If you are so inclined, you may also check out my new blog loet builds where I just write about easy arduino projects anyone can work on.
Ocassionally I do post articles or tutorials on Dev.to, Medium and other platforms.

scroll

at the
core

Some interests & values in no particular order

create
destroy
mend
repeat

Tinkering is second nature to me. I break as much as I make, if not more.

Constantly learning about all the things I don't know, and they are quite a number!

I tend to read a bunch of books at the same time, laugh at life's ironies & try to soundtrack my existence

I can be overly curious at times. It's no wonder I into tech

Family, friends & the great outdoors are dear to me.

Collaboration & Inclusivity! It's exciting to see what a couple of different minds can make together.

Adventure is out there, need I say more!

my
toolbox

Technologies I am using or learning to use

develop

  • HTML & CSS
  • JavaScript
  • Python
  • Git & GitHub

design

  • Figma
  • Adobe Sketch

learn

  • Java
  • More JS &
  • System Design & Architecture

Projects

Some things I've made

This is a catalogue of some of my public personal projects. A lot of my work-related projects are private and cannot be shared in detail. However, they can be discussed in an abstract manner.

project thumbnail

Map Imagery Swiper

Web app

Mapping app used to compare multiple imagery datasets on an interactive map using a swiping bar.

ArcGIS Web API JavaScript HTML5 CSS3
More
image from the project

Mastermind

Game

Web based recreation of the classic board game Mastermind. Features the 4, 5 and 6 board configurations.

HTML5 CSS3 JavaScript
More
project thumbnail

Decode Space

Blogging app

Online blogging app used to write blog posts. Uses python and django in the backend to create, read, update and delete posts.

Python Django postgresql HTML5 CSS3 JavaScript
More
project thumbnail

2048

Game

Desktop 2048 game based on the popular web version. Includes multiple themes and auto resizeable grid.

Python Tkinter
More
project thumbnail

Fringe Memory

Game

Desktop memory game based on a favourite sci-fi TV show, Fringe. This was one of the very first games I made.

Python Pygame
More

more
projects

To explore some more unfiltered works, head over to Codepen or GitHub.

Spoiler Alert: some are pretty brutal.

Codepen link Github link

Map Imagery Slider

Web app used to compare multiple imagery on a map.

project thumbnail

Technologies

ArcGIS Web API
JavaScript
HTML
CSS
Heroku

Details

This is an app currently in use by a client company for creating a time-based imagery viewer.
The main purpose of the app is to compare imagery on an interactive map. It features a list of imagery available for comparison, and a slider that swipes over the imagery for comparison. The user is able to select the imagery for a set of given control buttons.
Below is a public demo that is a recreation of the app using freely available imagery hosted on Heroku.

Reach out if you want to view a sample of a client's app that is publicly available.

Link

Demo
Desktop Landing
Mobile Landing
Desktop Help view
Mobile Help view
Desktop List View
Mobile List View
Desktop view
Project Demo gif

Over and Under the Hood

You can have a look at this project in detail with the links below, if you like...or not!

Demo App

Map Slider

Code

MasterMind Gems

A reimagining of the classic board game MasterMind.

project thumbnail

Technologies

HTML5
CSS3
JavaScript
Heroku

Details

Web-based gaming project. The aim of this project was to learn more about the HTML5 canvas property with regards to drawing multiple dynamic graphics.
Staying true to the original game, this web-based version is optimized to fit any screen on initial startup, giving the player a view of the entire board at once.

Link

Play Game
Project Menu Page
Screenshot of the Four Board Page
Screenshot of the Board Menu Page
Screenshot of the Instructions Page
Screenshot of the game with Hints View open
Screenshot of the New Game Page
Project Demo gif

Over and Under the Hood

You can have a look at this project in detail with the links below, if you like...or not!

Game

Game logo

Code

DecodeSpace

Blogging app used to document creative explorations

project thumbnail

Technologies

Python
Django
Postgresql
HTML5
CSS3
JavaScript
Heroku

Details

Blogging application built on python and the django framework in the backend.
It implements the model-view-control pattern using django's base setup in its application design. Python is used to create, read, update and delete posts in the database.
This was a learning opportunity to deep-dive into building web applications using python and django, as well as working with postgresql databases.

Link

View App
Project Menu Page
Project Menu Page
Project Menu Page
Project Menu Page
Project Demo gif

Over and Under the Hood

You can check out this project in detail with the links below, if you like....or not!

App

Blogging App

Code

2048

A desktop recreation of the popular web game 2048

project thumbnail

Technologies

Python
Tkinter

Details

Originally, this started out as a basic project that sought to only implement the logic behind the 2048 game and have it played on a computer's terminal. However, I decided to take it further by building a user interface, menu and theme options.

The game's square grid is optimized to self-adjust when the desktop window is resized, giving a similar experience to a web-based version, where the browser takes care of re-sizing.

Screenshot of the game landing page
Screenshot of the game half played in the default theme
Screenshot of the game half played in sci-fi theme
Screenshot of the game half played in sunset theme
Project Demo gif

Under the Hood

You can have a look at this project in detail if you like...or not!

Code

Fringe Memory Game

A mini-tribute to a beloved sci-fi tv show, Fringe(2008 - 2013).

project thumbnail

Technologies

Python
Pygame

Details

This is a desktop memory game in python.
One of the things I loved about Fringe (other than fringe science) was the weird hidden glyphs and easter eggs scattered throughout the show. Subtle differences in each glyph gave a different meaning.
The aim of this project was to learn more about using pygame. Making a memory game using glyphs from a favourite show was an easy choice.

Project Menu Page
Screenshot of half-played game
Screenshot of a won game
Project Demo gif

Under the Hood

You can have a look at this project in detail if you like...or not!

Code

Contacts

A couple of ways to reach me

If you want to chat or collaborate on a project feel free to reach out through any of my links.

In addition, I am open to working on freelance and open source projects, writing guest posts on blogs and if needed, answering tech-related questions. Therefore, don't hesistate to reach out, I'd like to hear what you have to say.

Say Hi

Hello.

I am

Louisa

I build things for the web in this grand life adventure.