🍺 Brewery Finder

Discover breweries around the world with our interactive map. Search by name to find detailed information about microbreweries, brewpubs, and regional breweries. Each result shows location, contact details, and maps directly to the brewery's coordinates.

Technical Highlights

πŸ” Async Search

Real-time brewery search using OpenBreweryDB API with debounced input (300ms) for optimal performance.

  • Minimum 2 characters to start searching
  • Loading states and error handling
  • Structured response transformation

πŸ—ΊοΈ Map Integration

Google Maps integration with programmatic control to prevent map locking during user interaction.

  • useMap() hook for direct map control
  • Smooth transitions to brewery locations
  • Custom anchor points for stable positioning

πŸ“ Custom Markers

Custom brewery markers with beer emoji and triangle pointer for precise location indication.

  • Green circular design with white borders
  • White triangle pointing to exact coordinates
  • Drop shadows for visual depth

🏒 Rich Data

Comprehensive brewery information including type, location, and contact details.

  • Brewery type mapping (micro, brewpub, regional)
  • Full address and geographic coordinates
  • Phone numbers and website links

⌨️ Keyboard Navigation

Full keyboard accessibility with arrow keys, enter, and escape support for autocomplete navigation.

  • Arrow keys for option navigation
  • Enter to select highlighted option
  • Escape to close suggestions

🎨 Responsive Design

Mobile-optimized interface with dark mode support and accessibility features.

  • ARIA attributes for screen readers
  • Mobile-friendly touch interactions
  • High contrast mode support