Coding Journey

My Coding Journey

Projects and milestones on my path to full-stack developer - client work lives under Projects.

Timeline

The Full Story

Learning

First Lines of Code

Started learning Python. The moment I wrote my first 'Hello, World!' program, I was hooked on the endless possibilities of coding.

Python

First programming languageBasic algorithms & data structures

Education

Developer Akademie - Started

Enrolled in a full-stack developer program to build a solid foundation in modern web development.

HTMLCSSSASSSCSSJavaScriptTypeScriptPythonSQLAngularVue.jsDjangoTailwind CSSREST APIsPostgreSQLRedisFirebaseSupabaseDockerGitGitHubLinuxN8NScrumAgile methodologies

Structured curriculumProject-based learning

Project

Food Order App

A food ordering app with category browsing, search & filtering, a shopping cart with VAT calculation, wishlist, coupon codes, and a checkout flow with multiple payment methods.

HTMLCSSJavaScriptGitGitHub

Category browsing & search with filtersShopping cart with VAT calculationWishlist & coupon code systemCheckout with multiple payment methods

Live Code

Project

Tic-Tac-Toe

A two-player Tic-Tac-Toe game with win detection, game statistics tracking, and a clean restart/reset flow.

HTMLCSSJavaScriptGitGitHub

Two-player game logicWin detection algorithmScore tracking & statisticsRestart & reset functionality

Live Code

Project

Pokédex

A lightweight library built on the PokéAPI that organizes and provides access to detailed Pokémon information.

HTMLCSSJavaScriptAPI integrationGitGitHub

PokéAPI integrationSearch & filteringDetail view with statsFavorites system

Live Code

Project

Join

A task management tool based on the Kanban methodology. Easily create and organize tasks using intuitive drag-and-drop functionality, with options to assign users and categorize tasks efficiently.

HTMLCSSJavaScriptFirebaseGitGitHubAgile methodologiesKanban

Drag & drop Kanban boardUser authentication & guest loginTask search & filteringContact management

Live Code

Project

El Pollo Loco

A jump, run, and throw game developed with an object-oriented approach. Guide Pepe as he collects coins and tabasco salsa to battle the wild hen.

HTMLCSSJavaScriptGitGitHub

Object-oriented game architectureKeyboard & collision controlsSound & fullscreen toggleBoss fight mechanics

Live Code

Project

RingOfFire

A digital party game based on the drinking game 'Ring of Fire.' Play online with friends by sharing a link, creating rooms, and inviting players – perfect for social rounds, no matter where you are.

AngularHTMLSASSTypeScriptFirebaseGitGitHub

Real-time multiplayer via FirebaseRoom creation & invite linksInteractive card game logicUp to 10 players per room

Live Code

Project

My old portfolio

A modern, responsive frontend portfolio built with Angular and SASS. Designed with a focus on clean architecture, reusable components, and scalable styling. Showcases UI craftsmanship, performance optimization, and frontend development best practices.

AngularHTMLSASSTypeScriptGitGitHub

Bilingual (DE/EN)Scroll animationsContact form with privacy consentTestimonials from teammates

Live Code

Milestone

Started as Freelance Developer

Took the leap into freelancing - building websites and web applications for real clients. From learning projects to professional delivery.

First paid client projectsBusiness registrationRemote-first workflow

Project

Magnificent Seven

An interactive financial dashboard visualizing quarterly metrics of the 'Magnificent Seven' tech giants. Real-time data integration via Google Sheets with elegant charts, responsive design, and a premium dark theme.

Vue.jsTypeScriptTailwind CSSChart.jsGoogle Sheets APIGitGitHub

Live data via Google Sheets APIInteractive Chart.js dashboardsCompany filtering & comparisonPremium dark theme

Live Code

Project

My old darewithsimon.com

My old personal platform - a place to share what I build, what drives me, and how to get in touch.

React.jsTypeScriptNode.jsExpressHTMLTailwind CSSGitGitHub

Multi-section SPA (Developer, Student, Traveler, Brand)Bilingual (DE/EN)Contact form with subject selectionSocial platform integration

Live Code

Project

DABubble

A business chat client designed for professional communication. Users can sign up, exchange messages, create groups, and reset their passwords - all within a secure and intuitive platform.

AngularTypeScriptHTMLSCSSFirebaseGitGitHub

Real-time messaging via FirebaseChannels & direct messagesGoogle OAuth & guest loginThreaded conversations

Live Code

Project

Kanmind

A project management tool built on the Kanban principle. Create boards, manage tasks, and keep everything organized through a clean, structured dashboard. Register or join as a guest - KanMind provides an intuitive interface for streamlined workflows and productive collaboration.

DjangoDjango REST FrameworkPythonJavaScriptHTMLCSSGitGitHubAgile methodologiesKanban

Django REST API backendKanban board & task managementUser auth with guest loginFull-stack Python/JS architecture

Live Code

Project

Weather App

A simple weather application that fetches and displays current weather information for a given location.

ReactTypeScriptHTMLCSSViteMUIPWAGitGitHub

Geolocation-based weatherCity search with autocompletePWA (installable)Material UI components

Live Code

Project

Code à Cuisine

An AI-powered recipe generator that turns leftover ingredients into complete meals. Users enter the ingredients they have at home, which are processed through an automated n8n workflow and an AI model to generate a suitable recipe. The app delivers clear instructions and stores all generated recipes in a personal digital cookbook, helping reduce food waste while providing fresh inspiration for everyday cooking.

AngularTypeScriptN8NFirebaseHTMLSCSSGitGitHubAI integration

AI recipe generation via n8n workflowIngredient input with unit selectionPersonal digital cookbookReducing food waste through AI

Live Code

Milestone

Rebranding my Freelancing to Heistermann Solutions

Rebranded my freelance web development services to 'Heistermann Solutions' with a new logo, updated website, and cohesive visual identity. A fresh look to match the professional quality and modern approach of my offerings.

Rebranding effortUpdated visual identityEnhanced professional presentation

Project

Coderr

A freelancer marketplace platform where businesses and customers can create accounts, publish offers, and collaborate through structured projects. Users can register as providers or clients, browse available services, place orders, and leave reviews after completion. The platform covers the full workflow of a freelance marketplace, from onboarding to project completion and feedback.

PythonDjangoDjango REST FrameworkPostgreSQLJavaScriptHTMLCSSGitGitHub

Freelancer marketplace with provider & client rolesDjango REST API with PostgreSQLOffer search & review systemFull project workflow (order → completion → feedback)

Live Code

Project

Quizly

A full-stack AI quiz generator that turns YouTube videos into 10-question multiple-choice quizzes in ~60 seconds. The pipeline downloads audio via yt-dlp + FFmpeg, transcribes it with Groq Whisper, and generates validated questions with Google Gemini. JWT cookie-based auth, user-isolated quiz library, and 78 tests with 95%+ coverage.

DjangoDjango REST FrameworkPythonJavaScriptHTMLCSSGoogle GeminiGroq WhisperDockerpytestGitGitHub

AI pipeline: yt-dlp → Whisper → Gemini → QuizJWT cookie auth (HTTP-only, no localStorage)78 tests, 95%+ code coverageDockerized deployment on Render

Live Code

Project

Videoflix

A Netflix-inspired streaming platform with user registration, email verification, password reset, and video playback. Features a modern landing page, authentication flow, and content browsing experience.

DjangoDjango REST FrameworkPythonJavaScriptHTMLCSSPostgreSQLDockerpytestGitGitHub

Netflix-style streaming UIEmail verification & password resetUser auth with subscription flowDjango REST API with PostgreSQL

Live Code

Project

Join Issue Collector

A ticket submission tool for stakeholders to create feature requests and bug reports. Stakeholders fill out a structured form with priority, category, and subtasks - tickets are automatically processed via an n8n workflow and forwarded to the development team.

AngularTypeScriptSCSSN8NGemini AIFirebaseGitGitHub

Automated ticket creation via n8nStakeholder & team member rolesPriority & category selectionDaily request limit system

Live Code

Education

Developer Akademie - Graduated

Completed the full-stack developer program. Ready to build professional-grade applications.

HTMLCSSSASSSCSSJavaScriptTypeScriptPythonSQLAngularVue.jsDjangoTailwind CSSREST APIsPostgreSQLRedisFirebaseSupabaseDockerGitGitHubLinuxN8NScrumAgile methodologies

Full-stack certificationIndustry-ready skills

Project

simon-heistermann.de

Designed and built my personal hub from scratch - a premium portfolio featuring scroll-driven GSAP animations, a ventures showcase with horizontal fullscreen scroll, an interactive journey timeline, an access-gated personal board, and a multi-form contact system. 15+ pages with custom design system, dark/light mode, and full SEO optimization.

Next.jsReactTypeScriptTailwind CSSGSAPFramer MotionSupabaseVercel

GSAP scroll-linked animations & parallaxCustom design system with warm editorial aestheticAccess-gated Personal Board section15+ pages with full SEO & structured data

Live

Milestone

Continuous Growth

Always learning, always building. The journey continues with new technologies, bigger projects, and greater impact.

Expanding service offeringsDeeper technical expertiseGrowing client base

Projects Built

Full-Stack

Development

Frameworks Mastered

Want to Be Part of the Next Chapter?

I'm always looking for interesting projects. Let's build something great together.

Start a Project