Lewisburg Coffee Map

A modern, interactive map application to discover the best coffee spots in Lewisburg, PA. Built with the T3 Stack, featuring a premium glassmorphic UI, dynamic theming, and accurate geolocation data.

Features

Interactive Map

15+ Locations: Verified coordinates for local cafes and major chains.
Custom Markers: Glassmorphic coffee cup icons.
Map Styles: Switch between Dark, Light, and Satellite views.
Smart Zoom: Smooth controls and "Home" reset button.

Premium UI/UX

Glassmorphism: "Liquid Glass" aesthetic with backdrop-blur and translucent backgrounds.
Dynamic Theming:
- Map-Driven: Changing the map style automatically updates the entire app's theme.
- System Sync: Respects your device's Dark/Light mode preference on load.
Responsive Design: Full mobile support with a slide-out drawer for shop details.

Rich Data

Detailed Info: Photos, addresses, phone numbers, and websites for every shop.
Direct Navigation: "Get Directions" button links directly to Google Maps.

Tech Stack

Framework: Next.js (App Router)
Styling: Tailwind CSS (v4)
Map Engine: React Leaflet & Leaflet
Icons: Lucide React
Theming: next-themes
UI Components: Radix UI (Dialog, Dropdown, etc.)
Language: TypeScript
Runtime: Bun

Getting Started

Prerequisites

Bun (v1.0+)

Installation

Clone the repository:

git clone https://github.com/yourusername/lewisburg-coffee.git
cd lewisburg-coffee

Install dependencies:
```
bun install
```
Run the development server:
```
bun dev
```
Open http://localhost:3000 in your browser.

Build

To create a production build:

bun run build
bun start

License

MIT

2.1 KiB Raw Blame History