🚓 Police Station Map App (Romania)

A modern, mobile-first web application designed to locate and display details about police and fire stations in Romania. Built with React, TypeScript, and Tailwind CSS, featuring a premium UI and real-time map data.

✨ Features

• Interactive Map:

  • View police and fire stations on a dynamic map.
  • Auto-centers on your location (with permission).
  • Dark/Light Mode support with custom map tiles (CartoDB Voyager & Stadia Alidade Smooth Dark).
  • Clustering and custom markers with status indicators.

• Live Data:

  • Fetches real-time station data from OpenStreetMap (Overpass API).
  • Smart caching to minimize API calls and enhance performance.

• Station Details:

  • Comprehensive details page for each station.
  • Interactive mini-map previews using a tile grid system.
  • One-tap navigation and calling features.

• Modern UI/UX:

  • Glassmorphism effects and smooth transitions.
  • Fully responsive design optimized for mobile devices.
  • PWA-ready architecture (deployable as an app).

🛠️ Tech Stack

• Frontend Framework: React 19 + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Maps: React Leaflet + OpenStreetMap + Overpass API
• Icons: React Icons (Material Design)
• Deployment: GitHub Pages (Automated via GitHub Actions)

🚀 Getting Started

Prerequisites

• Node.js (v20 or newer recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/VICHiNG16/PoliceApp.git
   cd PoliceApp

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Building for production:

   npm run build

📱 Mobile Deployment (Capacitor)

This project is configured with Capacitor to run as a native Android/iOS app.

1. Sync with Android project:

   npx cap sync android

2. Run on Android device:

   npx cap run android

🌍 Live Demo

Check out the live version here: https://viching16.github.io/PoliceApp/

---

Developed with ❤️.