NYC Crime Data

Contexte

Face à la nécessité de comprendre et d’analyser la criminalité à New York en temps réel, ce projet propose une plateforme de visualisation et de reporting. Il permet aux utilisateurs d’explorer des données de criminalité via des cartes interactives, des statistiques détaillées, et un système de signalement d’incidents.

Voir la démo

Fonctionnalités clés

📊 Visualisation statistique et analyse des tendances

🗺️ Carte interactive avec mise à jour en temps rée

📝 Système de signalement des incidents

🌙 Mode sombre / clair

📱 Interface responsive adaptée aux mobiles

🔒 Authentification sécurisée

🚀 Signalement en temps réel

Stack technique

Frontend

  • Framework : Next.js 14, React 18
  • UI & Styles : Tailwind CSS, Shadcn
  • Graphiques et visualisation : Recharts, Mapbox GL
  • Gestion des états : React Query
  • Validation des formulaires : React Hook Form, Zod
  • Langage : TypeScript

Backend

  • Framework : Express.js
  • Base de données : PostgreSQL avec TypeORM
  • Authentification : JWT et middleware sécurisé
  • Système de migration et seed : TypeORM
  • Services et gestion des requêtes : Architecture modulaire avec une séparation nette des controllers, services, middlewares et models.
  • WebSockets : Mise à jour en direct des signalements d'incidents avec Socket.io