Skip to content
Back to projects

Case study 09 / 18 · Websites & apps

Galacticodex

A cinematic Star Wars character explorer with fuzzy search, detailed character pages, and character-driven themes and sound. It combines SWAPI data with curated local content to create a richer browsing experience.

Visit live site (opens in a new tab)

Case study

A frontend app for browsing Star Wars characters, opening detailed profiles and moving between them without losing your place. It remembers your theme, maps local images, picks music per character, loads progressively and caches API responses.

The problem

The aim was to make character browsing cinematic and interactive. SWAPI does not include every character the experience needed, so curated local entries and metadata fill the gaps.

What was built

  • A responsive character gallery with fuzzy search, progressive loading and detail pages.
  • Local biographies, alignment and faction metadata, image mapping and sequel-era characters.
  • Manual and character-driven themes, sound, and scroll restoration.

Key decisions

  • API records are merged with curated local content under stable character IDs.
  • Fetched data is cached for the browser session.
  • Scroll position is restored when returning from a detail page.
  • Fallback images cover characters without a portrait.

Where it stands

The site is live. Character data partly depends on SWAPI being available.

How it was built

Frontend

  • React
  • Vite
  • React Router
  • Tailwind CSS
  • Styled Components — Character-driven themes
  • Framer Motion
  • Axios — Fetching SWAPI data

Data

  • Browser storage — Caches API responses for the session and remembers the theme

Integrations

  • SWAPI — Character data, merged with curated local entries