BooksBox
Description
Dans le cadre de ma formation en BUT MMI (Métiers du Multimédia et de l'Internet), j’ai réalisé en binôme le projet BooksBox, une plateforme de lecture sociale inspirée de Letterboxd adaptée au monde du livre. Ce projet universitaire intensif s'est déroulé sur une période de deux semaines. L'objectif principal était de concevoir et de développer une application web moderne s'appuyant sur une architecture découplée, séparant strictement le Front-End du Back-End. Pensé pour répondre aux frustrations des lecteurs francophones face aux plateformes existantes jugées vieillissantes, le projet visait à proposer une interface épurée capable d'installer une véritable habitude "post-lecture" (recherche instantanée, gestion de bibliothèque par statuts, partage d'avis et fil d'activité social). Au sein du binôme, j'ai assumé la responsabilité globale de l'expérience utilisateur, de l'intégration de toute l'interface web en approche mobile-first, ainsi que du développement complet d'une application mobile native complémentaire connectée à la même API.
Démarche
Menée en totale autonomie sur ma partie, ma démarche a été rigoureuse, itérative et centrée sur l'utilisateur. Sans contrainte ergonomique imposée, j'ai choisi d'adopter une logique strictement mobile-first, concevant et optimisant d'abord les composants pour les écrans de smartphones avant de déployer l'affichage vers les formats tablettes et ordinateurs. Pour le site web, je me suis appuyé sur Next.js et Tailwind CSS pour implémenter un système de grille flexible adapté à toutes les résolutions. Mon implication m'a permis de développer plus d'une dizaine d'écrans clés entièrement responsives et connectés au Back-End (fil d'activité avec gestion des spoilers, moteur de recherche dynamique via les API Google Books et Open Library, bibliothèque personnelle par statuts, fiches profils et pages auteurs). En parallèle, afin d'offrir une expérience multiplateforme complète, j'ai pris en charge le développement autonome de l'application mobile native avec Expo et React Native. J'y ai reconstruit les vues essentielles en Flexbox natif et géré la communication technique avec l'API (variables d'environnement, authentification par token JWT). J'ai également poussé la technique jusqu'à configurer un système de notifications push fonctionnel via Firebase et des development builds pour valider le comportement en conditions réelles.
Vidéo
Matériel / Logiciels
Langages et technologies web & mobile : -Next.js (React) : Framework utilisé pour structurer et développer l'application web front-end de manière performante. -Tailwind CSS : Framework utilitaire utilisé pour concevoir une interface responsive et fluide en approche mobile-first. -React Native & Expo : Technologies employées pour le développement complet de l'application mobile native multiplateforme. -Flexbox (Natif) : Utilisé pour la structure et le positionnement des composants sur l'application mobile. -JavaScript / TypeScript : Langages de programmation utilisés pour la logique globale de l'application et les interactions. Outils techniques & API : -API Découplée (JWT) : Connexion et communication sécurisée via des tokens pour l'authentification des utilisateurs. -Firebase & Expo Notifications : Infrastructure technique configurée pour la gestion et l'envoi des notifications push système. -API Google Books & Open Library : Services tiers intégrés pour alimenter le moteur de recherche dynamique en temps réel.