Case study

NYC Crime Data

Plateforme interactive de visualisation et de signalement des crimes à New York, combinant cartes en temps réel, statistiques avancées et reporting citoyen sécurisé

Rôle

Développeur Full-Stack

Stack

React • Typescript • Next.js

Impact

Cartographie temps réel et reporting citoyen sécurisé sur données de criminalité

NYC Crime Data Visualization

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

Projet réalisé en équipe