Gear GO
Role
Fullstack developer
Category
UI, React, Typescript
Date
Jan 15, 2025
Description:
GearGo est une plateforme web fullstack de réservation d'équipements sportifs outdoor développée en 2023-2024. L'application permet aux utilisateurs de rechercher, consulter et réserver du matériel sportif en ligne de manière fluide et intuitive, tout en offrant aux administrateurs un backoffice complet pour gérer les stocks, les réservations et les informations produits. Le projet met l'accent sur une expérience utilisateur moderne et épurée, avec une navigation simplifiée et un système de recherche performant. L'architecture repose sur un monorepo avec containerisation Docker, garantissant une séparation claire des préoccupations et une scalabilité optimale.
Stack:
Frontend
Next.js - Framework React avec rendu côté serveur (SSR) et génération de sites statiques (SSG)
TypeScript - Typage statique pour la robustesse et la maintenabilité du code
Chakra UI - Bibliothèque de composants UI accessibles et personnalisables
Apollo Client - Client GraphQL pour la gestion optimisée des requêtes et du cache
i18Next - Internationalisation multilingue
Backend
Apollo Server - Serveur GraphQL pour l'API
Node.js - Runtime JavaScript côté serveur
TypeScript - Typage statique fullstack
PostgreSQL - Base de données relationnelle pour la persistance
Prisma - ORM moderne pour la gestion de la base de données
Infrastructure & DevOps
Docker - Containerisation de tous les services
Monorepo - Architecture modulaire pour une gestion unifiée du code
Jest - Tests unitaires et d'intégration
GitHub Actions - CI/CD automatisé
Fonctionnalité:
Interface Utilisateur
Système de recherche intelligent avec suggestions en temps réel
Filtrage par catégories de produits (Bike, Snow, Climb, Kayak, Diving, Hiking...)
Navigation responsive desktop/mobile optimisée
Consultation détaillée des fiches produits avec images, caractéristiques techniques et avis
Calendrier de disponibilité en temps réel
Processus de réservation simplifié avec sélection de dates
Backoffice Administration
Gestion complète des produits (CRUD)
Gestion des réservations (validation, modification, annulation)
Gestion des stocks et disponibilités en temps réel
Gestion des utilisateurs et des permissions
Interface ergonomique dédiée aux équipes
Fonctionnalités Techniques
Authentification JWT sécurisée avec cookies HttpOnly
Protection des routes sensibles via middlewares
API GraphQL avec typage automatique (Codegen)
Optimisation des performances (cache Apollo Client, lazy loading)
Tests unitaires et d'intégration avec Jest
Accessibilité WCAG (navigation clavier, labels ARIA)