Trophy
Web Developer Application

Built by Costanza Casullo

Hi there! I'm applying for the Web Developer role at Kahoot, and this site is my way of trying to get the job. It's built with Astro talking to a headless WordPress backend, just like Kahoot 360. Take a look around!

What I built

How this site mirrors the kahoot360.com approach

headless approach with Astro
Architecture

Headless Approach with Astro

Astro fetches from the WordPress REST API at build time and outputs static HTML.

BEM conventions
CSS

BEM Conventions

Every component uses structured BEM naming — `card`, `card__title`, `navbar__link`, `hero__content` — matching the kahoot360.com approach.

Component Reusability
Components

Component Reusability

`Card.astro` accepts props for title, text, pill, image, and variant — the same component adapts to any context, just like kahoot360.com's `--microsite` modifier pattern.