Skip to content
Heistermann Solutions Logo
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
Food Order App
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
Tic-Tac-Toe
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
Pokédex
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
Join
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
El Pollo Loco
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
RingOfFire
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
My old portfolio
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
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
Magnificent Seven
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
My old darewithsimon.com
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
DABubble
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
Kanmind
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
Weather App
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
Code à Cuisine
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
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
Coderr
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)
Quizly
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
Videoflix
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
Join Issue Collector
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
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
simon-heistermann.de
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
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
0+

Projects Built

Full-Stack

Development

0+

Frameworks Mastered

Want to Be Part of the Next Chapter?

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

Available
Book Consultation