colin@webdev:~$ cat about.md
Hello!
I'm Colin, a 40-year-old passionate web developer. Since my
youth, I've been a true PC nerd with a strong affinity for
technology. Besides my work as a web developer, I'm also an avid
gamer who loves spending my free time on challenging games.
Additionally, I have a special passion for bonsai art, which helps
me find calm and balance in my daily life. With my diverse
experience and wide-ranging interests, I bring creative and
functional solutions to my projects. Whether it's developing a
user-friendly website or tackling complex technical challenges –
I'm always motivated to achieve the best results and help my
clients reach their goals.
Hallo!
Ich bin Colin, ein 40-jähriger leidenschaftlicher
Webentwickler. Seit meiner Jugend bin ich ein echter PC-Nerd mit
einer starken Affinität für Technologie. Neben meiner Arbeit als
Webentwickler bin ich auch ein begeisterter Gamer und verbringe
gerne meine Freizeit mit anspruchsvollen Spielen. Zusätzlich habe
ich eine besondere Leidenschaft für die Bonsai-Kunst, die mir
hilft, Ruhe und Ausgleich in meinen Alltag zu bringen. Mit meiner
vielfältigen Erfahrung und meinen breitgefächerten Interessen
bringe ich kreative und funktionale Lösungen in meine Projekte
ein. Egal ob es darum geht, eine benutzerfreundliche Webseite zu
entwickeln oder komplexe technische Herausforderungen zu lösen –
ich bin immer motiviert, die besten Ergebnisse zu erzielen und
meinen Kunden zu helfen, ihre Ziele zu erreichen.
colin@webdev:~$ _
colin@webdev:~$ whoami --tags
colin@webdev:~$ _
colin@webdev:~$ ./skills --list
colin@webdev:~$ ./skills --stack
colin@webdev:~$ _
Astro • CSS • JavaScript • Business
Professionelle Website für ein Entsorgungsunternehmen mit umfassenden Serviceinformationen
HTML • CSS • JavaScript • AI • ERP • Business
KI-Agenten direkt im Myfactory-ERP: Geschäftsprozesse automatisieren ohne Systemwechsel.
Astro • Typo3 • javascript
A webproject i have translated from Typo3 into an Astro Project
Astro • CSS • JavaScript • Responsive Design
Authentische italienische Restaurant-Website mit moderner Gestaltung und Online-Speisekarte
Astro • CSS • JavaScript • Business
Professionelle Restaurant-Website mit eleganter Präsentation
Canvas • Game • Animation • javascript
A canvas Game to become more comfortable with JavaScript
React • Three.js • Data Visualization • WebGL
My first React Project also trying three.js and big Data-Visualization
React Native • TypeScript • Mobile App • Crypto • AI
My first React Narive Project in typescript. A small trading demo app for crypto currencies.
AI • Web • Audio
Eine Plattform für interaktive KI-Podcasts und Debatten.
Astro • Tailwind • JavaScript
Meine erste Haupt-Portfolio-Website mit Fokus auf Performance und klarem Design.
React • CSS • Animation
Die zweite Version meines Portfolios, die verschiedene Design-Konzepte erforscht.
React • Framer Motion • GSAP • Three.js
Die dritte Iteration meines Portfolios mit Framer Motion und GSAP Animationen.
Astro • JavaScript • CSS
Portfolio im Developer-/Terminal-Look mit interaktivem Datei-Browser für die Projekte.
Astro • Tailwind • JavaScript • Business
Eine seriöse Portfolio-Variante mit Fokus auf Business-Kommunikation und Vertrauen.
A professional website for the waste disposal company Grumbach, developed as part of my freelance work. The site presents the company's comprehensive range of services, from container services and scrap disposal to demolition and earthworks. The clear, modern design conveys professionalism and reliability. The website offers intuitive navigation with detailed information about all services, contact options, and location information. Fully responsive and optimized for all devices.
Eine professionelle Website für das Entsorgungsunternehmen Grumbach, die im Rahmen meiner Selbstständigkeit entwickelt wurde. Die Seite präsentiert das umfassende Dienstleistungsspektrum des Unternehmens, von Containerservice über Schrottentsorgung bis hin zu Abriss- und Erdarbeiten. Das klare, moderne Design vermittelt Professionalität und Zuverlässigkeit. Die Website bietet eine intuitive Navigation mit detaillierten Informationen zu allen Services, Kontaktmöglichkeiten und Standortinformationen. Vollständig responsiv und optimiert für alle Endgeräte.
ConnectAI is an AI integration for the Myfactory ERP system – a product by NETFACTORY GmbH. Instead of switching the familiar ERP, AI agents bring automation right where the data already lives: automatic quote generation from emails, address validation, chat-based data queries and reporting, voice control, and marketing automation. The solution is GDPR-compliant (EU hosting or your own infrastructure possible), ready to use in a single day, and cuts manual effort by up to 80%. Under the hood it leverages leading AI models such as OpenAI (GPT-5) or Anthropic (Claude) depending on the use case. The target audience is mid-sized companies in trade, industry, and the waste-management sector.
ConnectAI ist eine KI-Integration für das Myfactory-ERP-System – ein Produkt der NETFACTORY GmbH. Statt das gewohnte ERP zu wechseln, bringen KI-Agenten Automatisierung direkt dorthin, wo die Daten liegen: automatische Angebotserstellung aus E-Mails, Adressprüfung, Chat-basierte Datenabfragen und Reporting, Sprachsteuerung sowie Marketing-Automation. Die Lösung ist DSGVO-konform (EU-Hosting bzw. eigene Infrastruktur möglich), in einem Tag einsatzbereit und reduziert manuelle Aufwände um bis zu 80 %. Im Hintergrund kommen je nach Anwendungsfall führende KI-Modelle wie OpenAI (GPT-5) oder Anthropic (Claude) zum Einsatz. Zielgruppe sind mittelständische Unternehmen aus Handel, Industrie und Abfallwirtschaft.
A challenging project where I translated an existing Typo3 website into a modern Astro framework. This transformation significantly improved the performance and maintainability of the site. I have since been responsible for the continuous maintenance and updating of the website. The project gave me deep insights into content management systems and modern web frameworks.
Ein anspruchsvolles Projekt, bei dem ich eine bestehende Typo3-Website in ein modernes Astro-Framework übersetzt habe. Diese Transformation verbesserte signifikant die Performance und Wartbarkeit der Seite. Ich bin seitdem für die kontinuierliche Wartung und Aktualisierung der Website verantwortlich. Das Projekt hat mir tiefe Einblicke in Content-Management-Systeme und moderne Web-Frameworks vermittelt.
A modern website for the Italian bistro Bella Ciao in Fürstenau. The site presents authentic Italian cuisine with an interactive menu featuring Neapolitan panini and Roman pinsa. The design conveys the warm, family atmosphere of an Italian trattoria and offers user-friendly navigation for guests who want to learn about the offerings or get in touch. The website is fully responsive and optimized for all devices.
Eine moderne Website für das italienische Bistro Bella Ciao in Fürstenau. Die Seite präsentiert authentische italienische Küche mit einer interaktiven Speisekarte, die neapolitanische Panini und romanische Pinsa hervorhebt. Das Design vermittelt das warme, familiäre Ambiente einer italienischen Trattoria und bietet eine benutzerfreundliche Navigation für Gäste, die sich über das Angebot informieren oder Kontakt aufnehmen möchten. Die Website ist vollständig responsiv und optimiert für alle Geräte.
A professional website for Pizzeria La Bellezza, highlighting Italian hospitality and culinary arts. The site offers a comprehensive presentation of the restaurant with a detailed menu, information about the history and philosophy of the establishment. The elegant design reflects the quality and tradition of Italian cuisine and creates an inviting online presence.
Eine professionelle Website für die Pizzeria La Bellezza, die italienische Gastfreundschaft und Kochkunst in den Mittelpunkt stellt. Die Seite bietet eine umfassende Präsentation des Restaurants mit detaillierter Speisekarte, Informationen über die Geschichte und Philosophie des Hauses. Das elegante Design spiegelt die Qualität und Tradition der italienischen Küche wider und schafft eine einladende Online-Präsenz.
An extensive Canvas game I developed to improve my JavaScript skills. Zombi-Island offers complex game mechanics, enemy behavior with AI elements, and multiple game levels. The development of this project required a deep understanding of object-oriented programming, state management, and optimization techniques for smooth animations. This project marks an important milestone in my development as a JavaScript programmer.
Ein umfangreiches Canvas-Spiel, das ich entwickelt habe, um meine JavaScript-Fähigkeiten zu verbessern. Zombi-Island bietet komplexe Spielmechaniken, Feindverhalten mit KI-Elementen und mehrere Spielebenen. Die Entwicklung dieses Projekts erforderte ein tiefes Verständnis von Objekt-orientierter Programmierung, State-Management und Optimierungstechniken für flüssige Animationen. Dieses Projekt markiert einen wichtigen Meilenstein in meiner Entwicklung als JavaScript-Programmierer.
My first React project, which also uses Three.js for 3D visualizations. DataGlobe is an interactive data visualization application that displays global data on a 3D globe. This complex project combines modern frontend technologies with data processing and 3D rendering. The development gave me valuable insights into React architecture, state management, and the integration of 3D libraries. It represents an important step in my development as a frontend developer.
Mein erstes React-Projekt, das auch Three.js für 3D-Visualisierungen nutzt. DataGlobe ist eine interaktive Datenvisualisierungsanwendung, die globale Daten auf einem 3D-Globus darstellt. Dieses komplexe Projekt kombiniert moderne Frontend-Technologien mit Datenverarbeitung und 3D-Rendering. Die Entwicklung hat mir wertvolle Einblicke in die React-Architektur, State-Management und die Integration von 3D-Bibliotheken gegeben. Es stellt einen wichtigen Schritt in meiner Entwicklung als Frontend-Entwickler dar.
My first React Native project, developed in TypeScript. BrokeChain is a demo app for cryptocurrency trading that fetches and visualizes real-time data from crypto APIs. Developing this app challenged me to apply React concepts to mobile development while leveraging the advantages of TypeScript. The project includes complex functionalities such as user authentication, data caching, and responsive layouts for different device types. Working on BrokeChain has significantly expanded my skills in mobile app development.
Mein erstes React Native-Projekt, entwickelt in TypeScript. BrokeChain ist eine Demo-App für Kryptowährungshandel, die Echtzeit-Daten von Krypto-APIs abruft und visualisiert. Die Entwicklung dieser App forderte mich heraus, die Konzepte von React auf die mobile Entwicklung zu übertragen und dabei die Vorteile von TypeScript zu nutzen. Das Projekt umfasst komplexe Funktionalitäten wie Benutzerauthentifizierung, Daten-Caching und responsive Layouts für verschiedene Gerätetypen. Die Arbeit an BrokeChain hat meine Fähigkeiten in der mobilen App-Entwicklung erheblich erweitert.
An innovative project that leverages AI technologies to generate dynamic podcast debates. Five different AI characters argue, analyze, and reflect on diverse topics – moderated, complete with audio output and source citations. Users can listen immediately without registration or create their own episodes with a Creator account.
Ein innovatives Projekt, das KI-Technologien nutzt, um dynamische Podcast-Debatten zu generieren. Fünf verschiedene KI-Charaktere streiten, analysieren und reflektieren über vielfältige Themen – moderiert, mit Audioausgabe und Quellenangaben. Benutzer können sofort und ohne Anmeldung zuhören oder mit einem Creator-Konto eigene Episoden erstellen.
My first main portfolio website. Developed with Astro for maximum performance and Tailwind CSS for a modern, responsive design. The focus is on a clear presentation of my projects and skills as well as fast loading times.
Meine erste Haupt-Portfolio-Website. Entwickelt mit Astro für maximale Performance und Tailwind CSS für ein modernes, responsives Design. Der Fokus liegt auf einer klaren Präsentation meiner Projekte und Fähigkeiten sowie einer schnellen Ladezeit.
The second version of my portfolio. Here I experimented with different design concepts and animations. This version uses React and places more emphasis on interactive elements and visual storytelling.
Die zweite Version meines Portfolios. Hier habe ich mit verschiedenen Design-Konzepten und Animationen experimentiert. Diese Version nutzt React und legt mehr Wert auf interaktive Elemente und visuelles Storytelling.
The third iteration of my portfolio. This version uses Framer Motion and GSAP for complex animations and interactions. A testing ground for modern web design and motion graphics.
Die dritte Iteration meines Portfolios. Diese Version nutzt Framer Motion und GSAP für komplexe Animationen und Interaktionen. Ein Experimentierfeld für modernes Web-Design und Motion Graphics.
The fourth iteration of my portfolio with a developer/terminal concept. Projects are presented through an interactive ls-style file browser: a file list on the left, a large live preview on the right, plus a terminal modal for details. Focus on performance, keyboard navigation, and a distinctive, technical look.
Die vierte Iteration meines Portfolios mit einem Developer-/Terminal-Konzept. Projekte werden über einen interaktiven Datei-Browser im ls-Stil präsentiert: links die Dateiliste, rechts eine große Live-Vorschau, dazu ein Terminal-Modal für Details. Fokus auf Performance, Tastatur-Navigation und ein eigenständiges, technisches Erscheinungsbild.
An additional portfolio variant with a stronger B2B focus. The goal is a more professional presence for business clients with a clear structure, professional tone, and direct presentation of services and references.
Eine zusätzliche Portfolio-Variante mit stärkerem B2B-Fokus. Ziel ist ein seriöser Auftritt für Geschäftskunden mit klarer Struktur, professioneller Tonalität und einer direkten Darstellung von Leistungen und Referenzen.
colin@webdev:~$ ./contact --message
colin@webdev:~$ _
Als freiberuflicher Webentwickler in Fürstenau bietet CB-WebDev professionelle Webseiten als Nebengewerbe für kleine und mittlere Unternehmen in der Samtgemeinde Bersenbrück und dem Landkreis Osnabrück. Persönlich, flexibel und zu fairen Preisen.
Webentwicklung als Nebengewerbe bedeutet für Sie: Keine Overhead-Kosten, persönliche Betreuung und flexible Termine. Ihre neue Homepage wird professionell erstellt, aber ohne Agentur-Aufschlag.
Kleine Webseiten für lokale Unternehmen - vom Handwerksbetrieb bis zur Praxis. Als lokaler Webentwickler verstehe ich die Bedürfnisse regionaler Betriebe und biete maßgeschneiderte Lösungen.
Persönliche Betreuung, kurze Wege, faire Preise. Als Freelancer aus Fürstenau biete ich Ihnen professionelle Webentwicklung ohne Agentur-Overhead - ideal für lokale Unternehmen mit überschaubarem Budget.
Responsive Design, SEO-Grundausstattung, SSL-Zertifikat, Wartung für lokale Unternehmen in der Samtgemeinde Bersenbrück.
Lokale SEO-Optimierung für Unternehmen in Ankum, Kettenkamp, Eggermühlen - Google My Business Integration inklusive.
Suchen Sie einen Webentwickler in Ihrer Nähe? Als lokaler Webentwickler in Fürstenau biete ich persönliche Beratung und professionelle Webentwicklung direkt vor Ort. Ob in Bersenbrück, Ankum oder anderen Gemeinden im Landkreis Osnabrück - ich komme zu Ihnen.
Suchen Sie einen Webentwickler in Ihrer Nähe? Als lokaler Webentwickler in Fürstenau biete ich persönliche Beratung und professionelle Webentwicklung direkt vor Ort. Ob in Bersenbrück, Ankum oder anderen Gemeinden im Landkreis Osnabrück - ich komme zu Ihnen.
Webdesign in der Nähe bedeutet kurze Wege, schnelle Kommunikation und direkten Kontakt. Als lokaler Webentwickler verstehe ich die regionalen Besonderheiten und kann Ihre Webseite optimal auf Ihre lokale Zielgruppe abstimmen.
Um fortzufahren, treffen Sie bitte eine Auswahl bezüglich der Cookie-Einstellungen.
Diese Website verwendet Google Analytics, um die Nutzererfahrung zu verbessern. Weitere Informationen finden Sie in unserer Datenschutzerklärung.
Hier können Sie entscheiden, welche Cookies Sie zulassen möchten. Notwendige Cookies sind für die Funktionalität der Website erforderlich.