Introduction et objectifs du projet
OrTracker est le site web de présentation du bot du même nom. Il affiche toutes les fonctionnalités du bot et permet de consulter les recores actuels directement sur le site. En tant que développeur front-end, mon objectif était de créer une présentation unique et engageante pour ce bot.
Défis techniques et solutions
Le défi principal résidait dans l'optimisation de la rapidité de chargement et de l'interactivité des animations sans compromettre le SEO.
- Choix de Next.js : J'ai privilégié Next.js pour sa gestion native du rendu côté serveur (SSR), ce qui permet une indexation immédiate par les moteurs de recherche.
- Performance et optimisation : Grâce à Tailwind CSS pour un style épuré et Vercel pour le déploiement, le site affiche des scores de performance optimaux sur Google Lighthouse.
- Gestion des recores : L'intégration avec notre base de données Google Firestore nous permet d'afficher les recores rapidement et sans tracas.
UI/UX et Design Réfléchi
Pour OrTracker, l'expérience utilisateur (UX) devait être aussi fluide que l'application elle-même. J'ai conçu un design "Pixel-Perfect" en mettant l'accent sur :
- L'Accessibilité : Respect des contrastes et navigation au clavier.
- Le Responsive Design : Une interface adaptative, du mobile au desktop 4K.