Tobias
Andersen

FULL STACK DEVELOPER

As a full stack developer, I connect the dots between user experiences, development systems, and business goals while closing any gaps that would prevent holistic production flows.

FRONTEND

Fostering better UX and load-times using the latest frameworks such as Vue.JS to deliver performant applications/websites.

BACKEND

Empowering applications with a framework of APIs/Microservices, Websockets, Smart caching, and databases.

DEVOPS

Increasing development and maintenance efficiency using version control, CI/CD, monitoring/logging, and testing.

FEATURED PROJECTS

PROJECT FINCH

The single most important full-stack project for passive income and hands-on learning is Project Finch.

It has been iterated and upgraded several times as new frameworks, feature requests and interesting technologies were discovered.

It is currently split into two parts; a Quasar (vue.js) application statically rendered and connected to a main REST and Websocket server as to adhere to a scalable micro-service architecture.

This separation of client and server is powerful as it allows several different types of clients and platforms (web, android, ios).

LATEST SANDBOX RESEARCH

3 BROWSER RENDERING EXPERIMENTS

JavaScript experiments using PixiJS, HTML/CSS and tilt.js to add value to projects and expand my skillset for future projects that require either 2D or 3D rendering.

I am always exploring exciting opportunities for in-browser rendering to add interactivity and motion to elements that would benefit from such.

If you have made it this far, do not forget to mention this the next time we talk.

Click the giant play button for a funky glimpse into in-browser rendering.

1. DRAW-ON GRID

Generate a grid in the DOM (HTML) with JavaScript and toggle colors via click events

Incomplete tools like these are made to push my understanding of a topic, and also to help with oddly-specific transient challenges.

In this case, there was a need for drawing in a grid and keeping it saved without the overhead of software like Excel and Google Sheets.

2. PIXI CREDIT CARD

Plug-and-play compatible Credit Card visualizer with swap-out templates supported.

Its use case is as a component for fintech companies to showcase their various credit cards in a personalized manner.

The generated credit card is download-able since it is a CANVAS element; vanilla-tilt.js was implemented to add a third dimension to the overall presentation.

DEMOSOURCE

3. PIXI CREATURE SIMULATION

Experimenting with Object-Oriented JavaScript tied to creature behavior.

Each movement is randomly decided on a per-instance basis and works in cronologically large steps, therefore reducing the "computational resolution"

The smooth movement is achieved by tweening between its current pixel-position and where it should be on the grid.

VIDEO

Thanks for your message!

You will receive an answer shortly on

Now would be a perfect time to connect on LinkedIn

Typo? Click here to redo