Zum Inhalt springen
Lucas Mouette®
← Alle ProjekteEntwicklungDesign2025

Erstes Portfolio

Mein allererstes Portfolio — im vierten Semester von Hand programmiert, ganz ohne KI.

Erstes Portfolio — Cover

Bevor KI-Coding-Agents zu meinem Werkzeug gehörten, habe ich mein erstes Portfolio Zeile für Zeile selbst gebaut: eine One-Page-Website mit Studium, Berufserfahrung, Skills und Studienprojekten. Damit habe ich React, Next.js und Tailwind richtig gelernt — und sie ist immer noch online, als Momentaufnahme davon, wo ich angefangen habe.

Ansehen: v1.lucasmouette.me ↗
Rolle
Designer & Entwickler
Team
Solo
Kontext
Persönliches Projekt
Tools
Next.js, React, TypeScript, TailwindCSS

Was ich gebaut habe

Hero, Timeline der Berufserfahrung, Studium und Skills

Ein dunkler One-Pager mit kräftigem typografischem Hero und violettem Akzent:

  • Abschnitte für Studium, Berufserfahrung, Skills und Projekte, jeweils als eigene, wiederverwendbare Komponente mit typisierten Daten.
  • Ein eigener Cursor, der über interaktiven Elementen größer wird — und sich auf Touch-Geräten selbst abschaltet.
  • Ein responsives Layout vom Smartphone bis zum Desktop, dazu kleine Details wie ein Back-to-top-Button.

Warum es noch online ist

Jede Zeile dieser Website stammt von mir — keine davon hat eine KI geschrieben. Damit ist sie die ehrliche Ausgangsbasis für alles, was danach kam: Das macOS-Portfolio hat die Interaktion weiter getrieben, und diese Website hier hat den Fokus auf Produktdenken und Case Studies verlagert. Heute baue ich mit KI-Agents deutlich schneller, aber weil ich weiß, wie der Code darunter funktioniert, kann ich sie gut steuern.

Was ich gelernt habe

Denken in Komponenten, typisierte Daten und wie viel Zeit ein „einfaches“ responsives Layout wirklich kostet. Diese Grundlagen prägen bis heute, wie ich Specs für KI-Agents schreibe.

Nächstes Projekt →Cultomato