Pet-Projekt-Ideen für das Portfolio

9 Projekte nach Schwierigkeit sortiert — von Ihrer ersten To-Do-Liste bis zu einem Mini-Online-Shop. Filtern Sie nach Ihrem aktuellen Level.

Anfänger
To-Do-Liste
Eine Aufgabenliste mit Hinzufügen, Erledigt-Markieren und Löschen — das klassische erste Projekt zum Üben des DOM.
DOMlocalStorage
🧮
Anfänger
Taschenrechner
Grundlegende Rechenoperationen mit einer Oberfläche wie bei einem echten Taschenrechner — Übung mit Funktionen und Events.
FunktionenEvents
⏱️
Anfänger
Countdown-Timer
Ein Countdown bis zu einem bestimmten Datum oder Ereignis — Übung mit setInterval und Datumsangaben.
setIntervalDate
☀️
Mittel
Wetter-App
Wetterdaten über eine öffentliche API nach Stadtname abrufen — erster Kontakt mit fetch und asynchronem Code.
Fetch APIAsync/await
🎮
Mittel
Quiz-Spiel
Multiple-Choice-Fragen, Punktezähler und Timer pro Runde — Übung im Verwalten des App-Zustands.
Objekt-ArraysZustand
💰
Mittel
Budget-Tracker
Einnahmen und Ausgaben hinzufügen mit automatisch neu berechnetem Kontostand und einem einfachen Diagramm nach Kategorie.
localStorageBerechnungen
🛒
Fortgeschritten
Mini-Online-Shop
Produktkatalog, Warenkorb, Filter und laufende Summe — eines der aussagekräftigsten Projekte für ein Portfolio.
WarenkorbFilterung
💬
Fortgeschritten
Echtzeit-Chat
Nachrichtenaustausch zwischen Nutzern ohne Neuladen der Seite — Einstieg in WebSocket oder Firebase.
WebSocketFirebase
📊
Fortgeschritten
Dashboard mit Diagrammen
Datenvisualisierung mit Diagrammen und Grafiken — Arbeit mit einer fertigen Bibliothek und Strukturierung von Daten.
Chart.jsVisualisierung

💡 Man muss nicht der Reihenfolge folgen — beginnen Sie mit dem Level, das Ihrem aktuellen Wissen entspricht.

Viele dieser Projekte sind schon im Kurs enthalten

Der kostenlose JavaScript-Kurs enthält praktische Aufgaben nach jeder Lektion — man muss sich kein Projekt von Grund auf ausdenken, um mit dem Portfolio anzufangen.

Häufig Gestellte Fragen

Wie viele Pet-Projekte braucht man für ein Portfolio?
Meist reichen 3–5 Projekte unterschiedlicher Schwierigkeit — Qualität und Vollständigkeit zählen mehr als die Anzahl.
Muss man Projekte auf GitHub veröffentlichen?
Ja — Arbeitgeber schauen nicht nur auf das Ergebnis, sondern auch auf den Code, die Commit-Historie und die Struktur des Repositorys.
Darf man fremde Projektideen für das eigene Portfolio nutzen?
Ja, die Projektidee ist nur ein Ausgangspunkt. Der Wert des Portfolios liegt darin, wie man sie umgesetzt hat und welche Entscheidungen man getroffen hat, nicht in der Originalität der Idee selbst.