Retour aux projets

Site vitrine

En cours

Ce projet a été conçu pour un bar-tabac qui propose régulièrement des événements dans ses murs.

Ce site est une single page application (SPA) afin d'en optimiser les performances

Site vitrine

Technologies utilisées

Vue.jsNuxt.jsTailwindGoogle Cloud

Captures d'écran

Page d'accueil - Mode sombre

Page d'accueil - Mode sombre

Page d'accueil - Mode clair

Page d'accueil - Mode clair

Produits - Langue française

Produits - Langue française

Produits - Langue anglaise

Produits - Langue anglaise

Carte dynamique des événements

Carte dynamique des événements

Fonctionnalités principales

Mode clair/Mode sombre

Le site a été entièrement pensé avec un mode clair et un mode sombre personnalisé qui prendra compte des préférences des utilisateurs.

Mode Français/Mode Anglais

Du fait de la présence de nombreux touristes anglophones durant la période estivale, le site dispose d'un switch permettant d'accéder un contenu entièrement traduit en français et en anglais.

Carte dynamique des événements

La section 'Nos événements' du site récupère dynamiquement les données de l'agenda Google de la cliente et vient créer une carte à partir de ces données. Sont ainsi récupérées les informations suivantes : titre de l'événement, photo de couverture, date et heure de l'événement et une description succincte de ce dernier

Informations complémentaires

2025
Année
1 semaine
Durée
Solo
Équipe
Développeur frontend
Rôle
Client :La cabane de Nonna

Défis techniques

  • Le principal défi du projet a été l'intégration dynamique des cards pour les événements.
  • Il m'a fallu trouver une solution technique que je n'avais jamais exploité en allant récupérer les données d'un événement créé sur Google Agenda.
  • La mise en place de cette solution a été compliqué mais extrêmement satisfaisante une fois fonctionnel.

Intéressé par ce projet ?

N'hésitez pas à découvrir le site en ligne.