sprite of running Super Mario
profile picture of Christian Eckardt

Christian Eckardt

Fullstack Engineer

I am a passionate web developer and hobby coder from Hamburg, Germany. 5+ years of experience in web development and eCommerce. Specialized in Nuxt and Vue.

Projects

screenshot triggerscore

Triggerscore

On this movie rating portal users can rate old movies based on how much these trigger viewers today. I designed and built the fullstack application myself, using Nuxt 4 (recently migrated from Nuxt 3), Vercel Serverless Functions connected to MongoDB for saving and receiving user ratings. Movie data I fetch via TMDB api. To improve performance I added github actions triggered via a cronjob to fetch movie data and update my own database once a month. Besides that I also developed a small movie quiz using data of movies rated on Triggerscore.
Nuxt
Typescript
NodeJS
MongoDB
Tailwind
Netlify
screenshot school fight

School Fight

This game offers turn based battles with different characters and ten levels, including three mini games, a boss fight and a shop system. Additionally the game includes six trophies and three hidden characters to unlock. The game is mobile friendly and currently playable on itch.io with already 1.300+ browser plays.
Javascript
CSS3
HTMLCanvas
screenshot commit combat

Commit Combat

Commit Combat is a retro arcade style versus game. Players have shields based on their amount of recent commits on github. For this fullstack application I fetch github data via my Flask backend hosted on Pythonanywhere. To fetch userdata I use GraphQL. The frontend is static html using Pixijs to display graphics.
Flask
Python
GraphQL
PixiJS
screenshot shooter

JS Shooter Game

This game was my second hobby project ever. Over the years I added a lot of features and refactored code. Today the game has 16 levels, an online highscore list, particle effects, power ups and a CRT filter for the perfect retro look. The game is written in plain Javascript using HTML Canvas. Highscores are saved in a MongoDB. A serverless backend is hosted on Vercel to serve/receive highscores.
HTMLCanvas
Javascript
NodeJS
MongoDB
Vercel
screenshot mealplanner

Vue Mealplanner

This application offers a meal and grocery planner. In the Vue Mealplanner users can add their own recipes 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. Alternatively users can create a unique ID and save their lists in a MongoDB. The mealplanner is also provided as PWA.
Vue 3
Typescript
NodeJS
MongoDB
Vercel
screenshot websocket multiplayer game

Websocket Multiplayer

To learn the basics of websockets I implemented a simple multiplayer game. The backend manages the game state (amount of clicks) and updates the game for both players accordingly. First player to reach 100 clicks wins. The backend is written in Node, hosted on Render. The frontend is a Vue application, hosted on Netlify.
Vue 3
Typescript
NodeJS
Websocket
Netlify

Tech Stack

Frontend

  • Architecting reusable and maintainable UI components
  • Expertise in Vue & Nuxt ecosystems, complemented by personal project experience in React
  • Business logic: Developing, maintaining, and scaling complex frontend logic
  • Performance & SEO: Semantic HTML, accessibility (a11y), and Search Engine Optimization
  • Responsive Design: Ensuring full cross-browser compatibility and mobile-first layouts
  • Seamless API integration and state management (Pinia/Vuex)
  • Quality assurance: Unit testing with Vitest/Jest and E2E testing with Playwright
Javascript
Typescript
Vue
Nuxt
HTML5
CSS3
SCSS
Vitest
Playwright
Jest

Backend

  • Node.js and ExpressJs: Developing RESTful APIs and serverless logic for full-stack hobby projects
  • MongoDB: Designing schemas, hosting, and managing NoSQL databases for persistent data storage
  • Data Handling: Implementing CRUD operations, data sanitization, and processing for frontend consumption
  • Python & Flask: Exploring Python for backend and game development (Early stage / Current focus)
  • Full-Stack Integration: Connecting frontends to self-built backends via fetch and handling asynchronous data flows
NodeJS
Express
MongoDB
Python
Flask

Tools & Methods

  • Version control: Experience in working with Git, Github and Gitlab
  • Automation: Using github actions and cronjobs to improve workflows and automate reoccuring tasks
  • Jira: Multiple years of experience in working with Jira in agile international teams
  • Cloud hosting: Hosting and configuring multiple hobby frontend and full stack projects on Netlify and Vercel including serverless functions
  • Styling & Code quality: UI development using Tailwind, Integrating and configuring Prettier and Eslint to automate quality control
Git
Gitlab
Github
Jira
Netlify
Vercel
Tailwind
Eslint
Prettier

CV

2022 - 2026

Frontend Engineer, Tchibo

  • Webshop team responsible for product detail page, quick buy modal, user review page and coffee subscription
  • Nuxt 3 migration
  • Creating new Nuxt based user review page
  • Migrating to new product data api
  • Accessibility and performance optimizations, SEO
  • Team representative in Frontend Champion rounds contributing to cross team alignments
2022 - 2022

Web Developer, Medienwerft

  • Frontend development for SAP Storefront
  • Realization of new components and shop features
  • Intensive course for Angular + Spartacus
2021 - 2022

Junior Web Developer, cadooz

  • Creating components and shop logic for a new Vue2 redemption platform
  • Leading frontend dev for realization of a reusable shop template for OTTO Up using Velocity template engine
  • Reproducing modern Vue behavior in Velocity template engine for a smooth UX
  • Leading frontend dev for major facelift for an existing redemption portal
2021 - 2021

Full Stack Web Developer Course, Hamburg Coding School

  • 6 months of intense training
  • Basics in HTML, CSS and Javascript
  • Introduction to React framework
  • Node as backend language
  • Workshops for git and jest unit testing
  • React Travelblog as final project
2008 - 2021

Healthcare

  • Bachelor of Arts in Healthcare management
  • Project management for a healthcare foundation (recruiting, email marketing)
  • Working directly with patients in different roles (nursing, elderly care)

Contact me

Reach out to me on LinkedIn / Github

or

Use my contact form