Suitch began as a way to understand how Twitch-like interfaces are built with real data. I wanted to practice React through a familiar experience: searching for streamers, browsing profiles, and displaying content connected to the official API.

The most valuable part was dealing with everything that appears once an app is more than a visual exercise: authentication, dynamic routes, shared state, environment variables, and the real constraints of embedding external content such as Twitch players.

## Stack & decisions

Astro Framework — I used it to organize static and dynamic routes while keeping the foundation lightweight and shipping JavaScript only where the interface needed it.
Tailwind CSS — It helped me build a responsive interface with the visual rhythm of a streaming platform while staying inside the component workflow.
React — I used it for interactivity, local state, and shared state between components, especially across navigation and sidebar behavior.

## What I built

I built dynamic routes for streamer profiles and learned how to generate pages from external data.
I used useState and useContext to share state without overcomplicating the architecture.
I worked through CORS restrictions, Twitch embeds, and API tokens stored in environment variables.
The project took me from a static UI to an experience connected to real services.

Alansan.dev

Streaming Platform - Suitch 🎮

## Stack & decisions

## What I built

## Keep exploring