v1.0.1

Bug Fixes

• Fixed map not centering correctly on a station when selected from the list on desktop
• Fixed network map cluster interactions being slightly off-center on desktop

Security

• Tightened Content Security Policy by removing an unnecessary unsafe-eval permission that Mapbox GL JS no longer requires

v1.0.0 - CycleMap

CycleMap v1.0.0

First official release of CycleMap — an interactive bicycle sharing network explorer built as a mid/senior frontend coding challenge.

Live Demo

---

Highlights

• Interactive world map with clustered markers for 600+ bike sharing networks worldwide
• Search & filter by network name, company, or country — all persisted in the URL
• Network detail view with sortable stations table, availability data, and station map
• Near Me geolocation to find the closest networks
• Fully responsive with collapsible sidebar for mobile
• SEO optimized with Open Graph, Twitter Cards, JSON-LD, and dynamic sitemap
• Accessible — ARIA combobox, keyboard navigation, semantic HTML, focus management
• ISR + Static Generation for 35 popular networks

Tech Stack

• Next.js 16 (App Router) + React 19 + TypeScript 5
• Tailwind CSS v4
• Mapbox GL / react-map-gl
• Zod for runtime API validation
• Vitest + React Testing Library

Performance

Lighthouse scores on production:

Metric	Mobile	Desktop
Performance	96	100
Accessibility	100	96
Best Practices	100	100
SEO	100	100

Stats

• 117 commits
• 61 merged pull requests
• Built from scratch across features, tests, CI/CD, accessibility, SEO, and performance optimization

---

Full documentation available in the README.