albinandersson.me

Web development

A selection of web projects

Liljewall

• wordpress • javascript • cms • api • seo
liljewall.se screenshot

One of Swedens biggest architechture firms. Made with WordPress and javascript custom code. The site featured a large amount of content, so significant effort went into designing a backend that was both user-friendly for content creators and highly flexible.

Ultimately, about 10 modules were developed to structure the page layout. Additionally, extensive custom code and numerous JavaScript widgets were implemented throughout the site.

Some of the key features include:
  • Modular content blocks for flexible page layouts.
  • A ticker for daily short updates about Liljewall. Hand-made content mixed with automated updates, such as news and weather etc.
  • A highly customized map showing the projects locations, with smart functions like clustering and filtering based on content.
  • Endless scroll, page caching and automatic image compression for performance.

This dynamically multi-paged server-side rendered pipline made it fast, gave very good SEO ratings as well made felt alive with the client-side widgets.

I was in charge of creating the code based on the design from our designer.

Elektron

• express.js • soap • xml • api
elektron.se screenshot

One of Swedens most famous and innovative synth and drummachine companies.

We rebuilt their webpage from scratch, frontend to backend. I was in charge of creating an API between the webpage and their Business Managing System to read and store users and transactions. A lot of translation between SOAP and REST with focus on security was put in place.

Stella App (Maana/Tjejjouren Väst)

• app • react-native • ios • android
Stella app screenshot

Stella is a mobile app for young girls to receive help and support. You create a local user profile where everything is saved exclusively on the phone for security reasons. Features include:

  • Receive information about different topics
  • Chat with psychologists and lawyers
  • Check in your mood
  • Write a diary

In a team of three developers, I did a bit of everything.

Bonorbit + SDAB

• wordpress • php • javascript
bonorbit.com screenshot

Two websites built for the same client, focusing on different aspects of their business. Bonorbit.com is a modern, user-friendly site showcasing their services and projects, while sdab.se is a more traditional site aimed at providing information to their existing customers.

Mod Mage Mike Backend

• node.js • express.js • svelte • sql • docker • gzip • jwt
Mod Mage Mike Backend screenshot

In Mod Mage Mike you also have the ability to share levels you create with other players. The levels are saved as a compressed json-file on a node.js express backend, along with meta-data in an SQL-database. The levels are then downloaded by other players using a download code.

A small app made in svelte was made to get an overview of the uploaded levels, and be able to edit or delete them if needed.

Made with Express.js, SQL, running in Docker. GitHub Actions were used for easy deployment.