Conception et développement web

Set de Copos — Site d'un bar à concerts

Site web d'un bar à concerts proposant un calendrier d'événements en temps réel synchronisé avec Firebase Firestore, un carrousel d'avis clients, une carte interactive et une présentation détaillée de la sélection de gins et des concerts.

Développé avec React 19 et TypeScript, il déploie une esthétique cosmique de club nocturne aux néons éclatants (rose vif, bleu-vert, corail), des animations de particules en canvas et des transitions fluides signées Framer Motion. Un design entièrement responsive, qui restitue l'ambiance nocturne singulière du lieu.

Date de réalisation : mai 2026
Voir le site en ligne
Détails du projet

Vue d'ensemble

Secteur

Vie nocturne et divertissement / Restauration

Périmètre

Conception et développement complets d'un site monopage, avec un système de gestion des événements en temps réel, un thème cosmique sur mesure et une intégration backend Firebase

Durée

2 semaines, du design à la mise en ligne

La problématique

Le défi

Set de Copos avait besoin d'une présence digitale moderne, capable de refléter son atmosphère nocturne cosmique et de communiquer efficacement sur ses concerts hebdomadaires et sa carte de gins. Le bar cherchait un moyen d'informer sa clientèle des événements à venir en temps réel, sans compétences techniques pour mettre à jour le site. Le site devait par ailleurs restituer l'énergie et la modernité du lieu, tout en restant accessible et simple à parcourir.

Notre approche

La solution

Nous avons développé un site React monopage à l'esthétique cosmique affirmée, avec des néons éclatants et des effets de particules animées qui font écho à l'ambiance du bar. Le site intègre un calendrier d'événements connecté à Firebase, mis à jour en temps réel, que l'équipe du bar gère facilement depuis son back-office. Nous avons déployé des animations Framer Motion fluides sur l'ensemble du site, créé un carrousel d'avis sur mesure mettant en avant les avis Google et intégré une carte interactive pour localiser le lieu en un clin d'œil. Le résultat : un site visuellement marquant et performant, fidèle à la marque, qui tient les clients informés des prochains événements.

Ce qui est inclus

Fonctionnalités clés

Calendrier d'événements en temps réel
Design responsive
Animations de particules cosmiques
Google Maps interactif
Carrousel d'avis clients
Intégration Firebase
Effets de scintillement sur mesure
Navigation à défilement fluide
Performance

Résultats

95+/100
Score de performance
Performance Lighthouse : build Vite optimisé avec découpage du code
100/100
Adaptation mobile
Design mobile-first avec des points de rupture responsives
60fps
Performance des animations
Système de particules en canvas optimisé avec requestAnimationFrame
<100ms
Mises à jour en temps réel
Synchronisation des événements via Firebase Firestore
Technologie

Technologies utilisées

React 19
TypeScript
Vite
Tailwind CSS 4.x
Framer Motion
Firebase
shadcn/ui
React Hook Form
Yup
React Leaflet
Lucide React
Firebase Hosting
Se lancer

Prêt à lancer votre projet ?

Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.

Set de Copos — Site d'un bar à concerts | Portfolio | low-key solutions