GitHub Profil gestalten

Dein GitHub-Profil ist wie eine digitale Visitenkarte fuer Entwickler. Recruiter, Teamleiter und andere Entwickler schauen sich dein Profil an, um einen Eindruck von deinen Faehigkeiten zu bekommen. In diesem Kapitel lernst du, wie du dein Profil professionell und einladend gestaltest.

Warum ist das GitHub-Profil wichtig?

In der Softwareentwicklung zaehlen deine Projekte oft mehr als Zeugnisse. Ein aktives GitHub-Profil zeigt:

Was es zeigt	Warum es wichtig ist
Deine Projekte	Beweis, dass du programmieren kannst
Code-Qualitaet	Wie sauber und strukturiert du arbeitest
Aktivitaet	Dass du regelmaessig programmierst
Zusammenarbeit	Dass du mit anderen arbeiten kannst
Lernbereitschaft	Dass du neue Technologien ausprobierst

Die Grundlagen einrichten

Profilbild und Bio

1. Gehe zu GitHub → Settings → Profile
2. Lade ein professionelles Profilbild hoch (kein Anime, kein leeres Avatar)
3. Fuelle die Bio aus:

Web Developer | Learning React & TypeScript
Building cool things with code
Hamburg, Germany

Wichtige Felder

• Name: Dein voller Name
• Bio: 1-2 Saetze ueber dich (max. 160 Zeichen)
• Location: Dein Standort (hilfreich fuer lokale Jobsuche)
• Website: Deine persoenliche Webseite oder Portfolio
• Social accounts: Twitter/X, LinkedIn, etc.

Das Profil-README

GitHub hat ein spezielles Feature: Wenn du ein Repository erstellst, das den gleichen Namen wie dein Benutzername hat, wird dessen README.md auf deinem Profil angezeigt!

Repository erstellen

# Erstelle ein Repository mit deinem Benutzernamen
# z.B. wenn dein Username "anna-mueller" ist:
mkdir anna-mueller
cd anna-mueller
git init

Eine ansprechende README.md gestalten

# Hallo, ich bin Anna! 👋

## Ueber mich

Ich bin angehende Web-Entwicklerin aus Hamburg und lerne
gerade moderne Webtechnologien.

## Was ich gerade lerne

- 🌐 HTML, CSS & JavaScript
- ⚛️ React
- 🔧 Git & GitHub
- 📱 Responsive Design

## Meine Projekte

| Projekt | Beschreibung | Technologien |
|---|---|---|
| [Portfolio](https://github.com/anna-mueller/portfolio) | Persoenliche Webseite | HTML, CSS, JS |
| [Todo-App](https://github.com/anna-mueller/todo-app) | Aufgabenverwaltung | React |
| [Wetter-App](https://github.com/anna-mueller/wetter-app) | Wetteranzeige mit API | JavaScript, API |

## Kontakt

- 📧 anna@beispiel.de
- 💼 [LinkedIn](https://linkedin.com/in/anna-mueller)
- 🌐 [Portfolio](https://anna-mueller.dev)

## GitHub Stats

![Anna's GitHub Stats](https://github-readme-stats.vercel.app/api?username=anna-mueller&show_icons=true&theme=radical)

Pushen und anzeigen

git add README.md
git commit -m "feat: Profil-README erstellt"
git remote add origin https://github.com/anna-mueller/anna-mueller.git
git push -u origin main

Besuche jetzt dein GitHub-Profil - die README wird prominent angezeigt!

Repositories pinnen

Du kannst bis zu 6 Repositories auf deinem Profil hervorheben:

1. Gehe zu deinem GitHub-Profil
2. Klicke auf Customize your pins
3. Waehle deine besten Projekte aus

Welche Repos pinnen?

• Projekte mit sauberer README
• Projekte, die funktionieren und vollstaendig sind
• Projekte mit verschiedenen Technologien
• Projekte, die deine Faehigkeiten zeigen

Das Aktivitaets-Diagramm (Contribution Graph)

Das gruene Kaestchen-Diagramm zeigt deine taegliche Aktivitaet:

                  Weniger                              Mehr
                    □ □ □ □ □ □ □ □ □ □ □ □ □
Mo                  □ ■ □ □ ■ ■ □ □ □ ■ □ □ □
                    □ ■ ■ □ ■ ■ □ □ ■ ■ ■ □ □
Mi                  □ ■ ■ □ ■ ■ ■ □ ■ ■ ■ □ □
                    □ □ ■ □ □ ■ ■ □ □ ■ ■ □ □
Fr                  □ □ □ □ □ □ ■ □ □ □ ■ □ □
                    □ □ □ □ □ □ □ □ □ □ □ □ □

Was zaehlt als Contribution?

• Commits in Standard-Branches (main/master)
• Pull Requests oeffnen
• Issues erstellen
• Code Reviews

Tipps fuer ein aktives Diagramm

• Committe regelmaessig, auch kleine Aenderungen
• Arbeite an eigenen Projekten (zaehlt auch!)
• Beteilige dich an Open-Source-Projekten
• Nutze die gleiche E-Mail wie in deiner Git-Konfiguration

Repositories aufpolieren

Jedes Repository braucht eine gute README

Eine README sollte enthalten:

# Projektname

Kurze Beschreibung, was das Projekt tut.

## Screenshots

![Screenshot](screenshots/demo.png)

## Technologien

- HTML5
- CSS3 / Tailwind
- JavaScript / React

## Installation

1. Repository klonen:
   ```bash
   git clone https://github.com/dein-name/projekt.git

2. Im Ordner navigieren: cd projekt
3. Im Browser oeffnen: open index.html

Nutzung

Beschreibe, wie man das Projekt nutzt.

Lizenz

MIT License

### Repository-Einstellungen optimieren

Fuer jedes Repository auf GitHub:

1. **Description**: Kurze Beschreibung (erscheint in der Suche)
2. **Topics**: Tags hinzufuegen (z.B. `html`, `css`, `javascript`, `portfolio`)
3. **Website**: Live-Demo verlinken (z.B. GitHub Pages URL)

### Topics hinzufuegen

Topics helfen anderen, dein Projekt zu finden:

html css javascript react portfolio webseite anfaenger

## GitHub Pages - Projekte live zeigen

GitHub Pages hostet statische Webseiten kostenlos:

1. Gehe zu Repository → Settings → Pages
2. Waehle den Branch (z.B. `main`)
3. Waehle den Ordner (`/ (root)` oder `/docs`)
4. Deine Seite ist unter `https://dein-name.github.io/repo-name/` erreichbar

```bash
# Webseite erstellen und pushen
echo "<h1>Mein Portfolio</h1>" > index.html
git add index.html
git commit -m "feat: Portfolio-Startseite erstellt"
git push

Nach ein paar Minuten ist deine Seite live!

Profil-Checkliste

Pruefe, ob du alles hast:

• Professionelles Profilbild
• Aussagekraeftige Bio
• Standort und Website ausgefuellt
• Profil-README erstellt und gepusht
• Mindestens 3 Repositories gepinnt
• Gepinnte Repos haben gute READMEs
• Regelmaessige Aktivitaet im Contribution Graph
• Topics an den Repositories gesetzt
• Mindestens ein Projekt mit GitHub Pages live

Uebungen

1. Richte dein GitHub-Profil komplett ein (Bild, Bio, Standort)
2. Erstelle ein Profil-README-Repository mit deinem Benutzernamen
3. Gestalte eine ansprechende README.md fuer dein Profil
4. Pinne deine besten Repositories
5. Aktiviere GitHub Pages fuer eines deiner Projekte

Was kommt als Naechstes?

Im naechsten Kapitel lernst du Pull Requests kennen - das wichtigste Werkzeug fuer Zusammenarbeit auf GitHub. Du wirst verstehen, wie du Aenderungen vorschlaegst, reviewst und zusammenfuehrst.

Zusammenfassung

• Dein GitHub-Profil ist deine digitale Visitenkarte als Entwickler
• Ein Profil-README (Repository = Benutzername) wird auf deinem Profil angezeigt
• Pinne deine besten 6 Repositories
• Jedes Repository braucht eine gute README
• Regelmaessige Commits fuellen dein Aktivitaets-Diagramm
• GitHub Pages zeigt deine Projekte live
• Nutze Topics fuer bessere Auffindbarkeit