SAAS
Next.js 16
BookFinder — WebApp / IA & Dashboard Pro
Livres
IA
SAAS
Technologies
Next.js 16, Supabase, Gemini, Leaflet, Stripe
Sur l'application BookFinder, j'ai assuré l'intégralité de la création, de la conception UI/UX sur mesure jusqu'au développement technique final. L'outil principal utilisé est Next.js avec l'App Router pour bénéficier du rendu serveur (SSR) et d'une performance optimale. J'ai conçu et développé chaque composant, géré le typage TypeScript de bout en bout et assuré une optimisation SEO rigoureuse pour garantir la visibilité du service.
De la Recherche à l'IA
Pourquoi l'IA sémantique ?
L'intégration d' Assistly permet de transformer une simple phrase naturelle en paramètres de recherche précis. Cela offre une expérience utilisateur fluide où l'IA comprend l'intention derrière la requête.Quel est le rôle des API Livres ?
L'utilisation conjointe de Google Books et Open Library permet d'agréger un catalogue exhaustif. J'ai mis en place un système de cache (24h) et un pool de clés API pour garantir une disponibilité constante.
Comment la PWA a été intégrée ?
L'application est conçue comme une Progressive Web App, permettant une installation native, des notifications push pour les rappels de lecture et un fonctionnement fluide sur mobile.
Suivi de lecture et UX
Timer de lecture persistant
J'ai développé un système de minuterie via Service Workers et Context API, permettant au chronomètre de continuer sa course même si l'utilisateur change d'onglet ou verrouille son téléphone.Interface et Animations
L'UI a été construite avec Tailwind CSS et Framer Motion pour des transitions fluides, incluant des retours haptiques sur mobile pour une sensation d'application native.
Un tableau de bord complet conçu pour les libraires partenaires afin de digitaliser leur point de vente. Cette interface SaaS permet de gérer les stocks, les réservations et la visibilité locale. L'objectif est de créer un pont direct entre le stock physique des librairies et les lecteurs en ligne, propulsé par Supabase pour le temps réel.
Fonctionnalités Clés
Dashboard Numerily
Portail Lecteur
Bibliothèque personnelle avec suivi de progression page par page.
Carte interactive Leaflet pour localiser les stocks en temps réel.
Système de favoris et historique de recherche intelligent.
Dashboard Numerily
Portail Libraire
Gestion dynamique du catalogue et des stocks disponibles en magasin.
Suivi des réservations clients et gestion des alertes de retrait.
Outils statistiques sur les tendances de lecture locales
Intégrations Avancées
Géolocalisation (Leaflet)
Calcul de distance en temps réel via la formule de Haversine entre l'utilisateur et les librairies.
Clustering de marqueurs pour l'affichage de milliers de points d'intérêt sans perte de performance.
Filtres par type d'établissement (partenaire, événement, bibliothèque publique).
Technologies Utilisées
Frontend : Next.js (App Router), TypeScript, Framer Motion.
Backend & DB : Supabase (PostgreSQL, Realtime, Auth, Storage).
Intelligence Artificielle : Google Gemini API pour le parsing NLP et les recommandations personnalisées.
Cartographie : Leaflet & OpenStreetMap pour la gestion des données géospatiales.
Statistiques & UI : Recharts pour la data viz et shadcn/ui pour les composants d'interface.