Modern Architecture
Alexander Horner

Combining Visual Creativity with Technical Excellence

Software Development and Design

Software Engineer Dedicated to Developer and User Experience

I'm Alexander Horner, a software engineer based in Hamburg, Germany, pursuing a degree in Computer Science at Hamburg University of Technology. I'm currently creating seamless and high-quality applications with React, Node, and TypeScript. At Auctores GmbH, I've developed customer websites and played a key role in building our next-generation CMS, including a web application for visually managing relational databases and CMS components. I deliver modern, maintainable solutions that are not only functional but also visually appealing, offering excellent user and developer experiences.

Portfolio 2022

Screenshot of 2022 Portfolio

Summary

  • Technologies: Built without frameworks, uses serverless hosting and edge computing on Google Firebase.
  • Design: Modern, playful design with a fun color palette and efficient SVG graphics.
  • Challenges: Implementing a secure contact form and combating spam with Google reCAPTCHA.

Technologies

For this project, I aimed to minimize the use of third-party code. The page is built without any frameworks or CSS libraries, using only a small package for scroll animation. I also used this project as an opportunity to learn more about serverless hosting and edge computing. The entire site is hosted on Google Firebase Hosting, and the contact form is powered by Google Firebase Cloud Functions. This setup ensures the website is fast, secure, and cost-effective.

Design

I aimed for a modern yet playful design with a fun color palette. The SVG graphics are efficient and add an eye-catching touch to the site.

Challenges

I needed a way for people to contact me without sharing my email directly. I implemented a contact form that sends data to a cloud function, which then processes the request and emails me the information.

However, I quickly realized that bots were frequently targeting the contact form, resulting in a significant amount of spam. To counter this, I integrated Google reCAPTCHA on both the front end and in the cloud function. This effectively eliminated the spam.

Screenshot of Contact Form

Visit Site

Featured Projects

Explore some of the projects I've been involved in that I can share. I'm constantly exploring new technologies and staying up to date with industry trends. I believe the best way to learn is by building, which allows me to understand the strengths and limitations of different technologies firsthand. These projects reflect my hands-on approach and commitment to continuous learning in software development.

Project Thumnail

This Portfolio

The website you're currently visiting is a portfolio I built to showcase my work and skills as a software developer. It is a Remix application that uses MDX for content management and Tailwind CSS for styling.
Project Thumnail

View Synthesis of Three-Dimensional Spaces Using Artificial Intelligence

An exploration of Novel View Synthesis, focusing on creating new perspectives of 3D scenes using Conditional GANs, with practical applications in automotive and parking systems.
Project Thumnail

WGG Neumarkt Homepage

A modern, user-friendly website for a school, featuring scheduling and user management, built with Nuxt.js and PostgreSQL.
Project Thumnail

Portfolio 2022

A modern and playful portfolio site built without frameworks, using serverless hosting and edge computing on Google Firebase.
Project Thumnail

Dentistry Office Homepage

A mobile-first, multi-language homepage for a dentistry office, encouraging conversions with a 5-star rating, user reviews, and an always-visible call button. Built with Next.js and Tailwind CSS.
Project Thumnail

Interactive Education: West Germany's Recovery

An interactive educational website explaining West Germany's recovery after WWII, built with Nuxt.js and hosted on Google Firebase.

Interested in working together?

Let's connect.