Christian Eckardt

Frontend Engineer

I am a Frontend Engineer based in Hamburg, Germany with 5+ years of experience in frontend web development and eCommerce. Framework of my choice is Vue/Nuxt. Besides working fulltime as an engineer, I still find some time to code for fun. This website serves as a hub for my hobby projects for everyone who is interested in working with me or just curious. Feel free to check out applications, animations, games and other stuff I built.

Triggerscore

On this movie rating portal movies users can rate old movies based on how much these trigger viewers today. I designed and built the page myself including a Node JS server connected to a MySQL database for saving and receiving user ratings. Movie data I receive via TMDB api. Used technologies: Nuxt 3, Tailwind, Node JS, MySQL.

Nuxt3 Typescript NodeJS MongoDB Tailwind

Vue Mealplanner

This application offers a meal and grocery planner. In the Vue Mealplanner users can add their own receipes and manage a list of grocery items. Ingredients can be added to the grocery list right from the recipe. Data is saved in local storage. The mealplanner is also provied as PWA. I recently migrated the project from Vue 2 with Javascript to Vue 3 using Typescript. Used technologies: Vue 3, Bootstrap, HTML, CSS, Typescript.

Vue3 Typescript NodeJS MongoDB Bootstrap

School Fight

This game offers turn based battles with different characters and ten levels, including two mini games and a boss fight. Additionally the game includes six trophies and three hidden characters to unlock. The game is mobile friendly and currently playable on itch.io. Used technologies: HTML, CSS, Javascript, HTML Canvas.

Javascript CSS HTMLCanvas

Retroclub Game Rating

Retroclub is a private freetime event for gaming enthusiasts, playing games of a specific theme. It is all about discovering new and unique games together and simply having a great a time. This rating page is designed for participants of Retroclub to rate games that we played. Used technologies: React, Serverless functions hosted via Vercel, MongoDB.

React MongoDB NodeJS

Pong

My first steps in Javascript I made by coding my own version of PONG. Over the years I implemented a lot of new features and refactored the code. A variety of configuration options enables to set an individual difficulty. The trophy system encourages players to experiment and replay the game. PONG provides a single- as well as a multiplayer experience.

Javascript HTMLCanvas

Clicky Clicky Run Run

To try out Websocket I created this small online multiplayer game. If you want to test it, gather a second player or simply open the game in two tabs. 😉 Click the button as fast as you can to win the race. Used technologies: Vue3, NodeJS, Websocket

Vue3 Websocket NodeJS

eckeecke.github.io

Highlights

Games

Applications