AWS Blog Sphere

Architekturüberblick

graph TB
    A[AuthContext] --> B["LoginForm / RegisterForm"]
    A --> C["services/api.ts"]
    C --> D["Auf AWS gehostete API"]
    E[PostList] --> F[PostCard] --> G[PostDetail]
    H[CreatePostForm] --> C
    C --> E

Die Frontend-Hälfte einer Übung aus zwei Repositories, eine kleine Anwendung auf AWS zu bringen. Diese Seite ist ein React-Client, der die vollständige Blog-Schleife abdeckt — registrieren, anmelden, Beitrag schreiben, Feed lesen — gegen eine getrennt auf AWS ausgerollte Express-API.

Der Authentifizierungszustand liegt in einem React-Context, und die API-Oberfläche beschränkt sich auf ein einziges Service-Modul: Ein Wechsel des Backend-Endpunkts berührte den Komponentenbaum nie.

Hauptfunktionen:

• Registrierung und Anmeldung gegen eine entfernte API
• Über React-Context geteilter Authentifizierungszustand
• Formular zur Beitragserstellung mit gerendertem Feed und Detailansicht
• Einzelnes Service-Modul, das alle Netzwerkaufrufe kapselt
• Komponentenbibliothek auf shadcn/ui-Primitiven

Tech-Stack:

• Frontend: React, TypeScript, Vite, Tailwind CSS
• UI: shadcn/ui, Radix UI
• Backend: Express auf AWS