Interactive Map of Macedonia

An interactive, bilingual map experience with category filtering, location details and a design system inspired by Macedonian landscapes.

Points of interest across the country are scattered across sources. A single, fast, filterable map makes them explorable in both English and Macedonian.

locationsApi (RTK Query)
        ↓
store ── filtersSlice · uiSlice
        ↓
Map view  ◄─ category filters · search
        ↓
Location details ─► Google Maps

• →Category filtering across 8+ location types
• →Dynamic mapping for new location categories
• →Code splitting, lazy loading and memoization
• →Custom context-based i18n (EN / MK)
• →Token-based design system with HSL theme variables

Jest and React Testing Library infrastructure for components and state logic.

Redux Toolkit slices for filters and UI state, RTK Query for caching location data, and dynamic type mapping so new categories work without code changes.

Interactive interfaces have many states. Designing state explicitly — filters, selection, loading — makes both the UI and its tests predictable.