mirror of
https://github.com/soconnor0919/lewisburg-coffee.git
synced 2026-02-04 23:56:32 -05:00
72 lines
2.1 KiB
Markdown
72 lines
2.1 KiB
Markdown
# 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](https://nextjs.org) (App Router)
|
||
- **Styling**: [Tailwind CSS](https://tailwindcss.com) (v4)
|
||
- **Map Engine**: [React Leaflet](https://react-leaflet.js.org) & [Leaflet](https://leafletjs.com)
|
||
- **Icons**: [Lucide React](https://lucide.dev)
|
||
- **Theming**: [next-themes](https://github.com/pacocoursey/next-themes)
|
||
- **UI Components**: [Radix UI](https://www.radix-ui.com) (Dialog, Dropdown, etc.)
|
||
- **Language**: [TypeScript](https://www.typescriptlang.org)
|
||
- **Runtime**: [Bun](https://bun.sh)
|
||
|
||
## Getting Started
|
||
|
||
### Prerequisites
|
||
- [Bun](https://bun.sh) (v1.0+)
|
||
|
||
### Installation
|
||
|
||
1. Clone the repository:
|
||
```bash
|
||
git clone https://github.com/yourusername/lewisburg-coffee.git
|
||
cd lewisburg-coffee
|
||
```
|
||
|
||
2. Install dependencies:
|
||
```bash
|
||
bun install
|
||
```
|
||
|
||
3. Run the development server:
|
||
```bash
|
||
bun dev
|
||
```
|
||
|
||
4. Open [http://localhost:3000](http://localhost:3000) in your browser.
|
||
|
||
## Build
|
||
|
||
To create a production build:
|
||
|
||
```bash
|
||
bun run build
|
||
bun start
|
||
```
|
||
|
||
## License
|
||
|
||
MIT
|