Le récit d'une aventure intense de 7 semaines : de l'amélioration de l'onboarding et du monitoring d'infrastructure à la communication temps réel et l'optimisation de personnages 3D.
Le mot de passe saisi sert à ouvrir, modifier et supprimer les commentaires secrets.
링크 정보를 불러오는 중...
Le projet est enfin terminé. Au début, je craignais de ne pas pouvoir implémenter toutes les fonctionnalités prévues en seulement sept semaines, mais nous l'avons fait !
Un coéquipier a suggéré une structure à la Duolingo. Nous avons utilisé le Local Storage pour maintenir les données, en enregistrant même la position du dernier chapitre pour faciliter le retour de l'utilisateur.
J'ai géré la partie frontend de l'authentification avec l' standard. J'ai écrit manuellement la . Grâce à l'expérience d'implémentation de HTTP via TCP pendant le Challenge, j'ai pu travailler en visualisant comment les données circulent.
Nous avons conçu des étapes de "Vérification intermédiaire/finale". J'ai mis en place une logique dans NestJS pour extraire aléatoirement 10 questions afin de créer un environnement de révision personnalisé.
J'ai renforcé Husky (Lint, Format, Type Check, Build) pour sécuriser les PR.
| Composant | Rôle | Description |
|---|---|---|
| Prometheus | Collecte de métriques | Enregistre les métriques serveur |
| Grafana | Dashboard | Visualisation unifiée |
| Loki | Stockage de logs | Centralisation des logs applicatifs |
| Promtail | Collecte de logs | Transmet les logs des conteneurs à Loki |
| Node Exporter | Système de métriques | Surveille CPU/Mémoire/Disque |
J'ai également surmonté ma peur des serveurs en déployant avec succès Docker et en configurant la surveillance.
Points positifs :
J'ai conçu un Provider et un Hook dédiés pour une gestion cohérente des événements Socket.io. Malgré une réécriture complète suite à des erreurs de fusion, nous avons obtenu une structure évolutive.
Intégrer le personnage créé sur Blender au Web a pris une journée entière. J'ai appris l'importance d'un débogage étape par étape plutôt que de compter uniquement sur l'IA.
J'ai amélioré le système en incluant le fuseau horaire local de l'utilisateur dans les en-têtes HTTP, permettant au serveur de renvoyer l'heure exacte.
J'ai appliqué les compressions Gzip/Brotli et utilisé des polices "subset". Pour le personnage 3D, j'ai combiné les Shape Keys dans Three.js et les mouvements corporels dans Blender.
J'ai amélioré l'UX en fournissant des connexions visuelles directes via le rendu SVG lors de la sélection des réponses.
Enregistrement des problèmes rencontrés lors de l'intégration de personnages dans Three.js pour le projet funda et mon portfolio personnel
Un parcours de 7 mois, des bases au projet de groupe : acquérir les fondamentaux de l'informatique, maîtriser l'ingénierie de l'IA et découvrir l'essence de la conception logicielle.
Le récit d'une aventure intense de 7 semaines : de l'amélioration de l'onboarding et du monitoring d'infrastructure à la communication temps réel et l'optimisation de personnages 3D.
De l'idéation à l'implémentation du MVP en passant par les retours seniors : récit de la mise en place des fondations du projet et des défis techniques relevés
Une analyse de l'essence de la normalisation à travers la logique de mouvement dans les jeux et l'application de l'échelle dans Blender.
Retour sur les 6 semaines de sprint de groupe : défis d'architecture, dynamiques de collaboration et progression technique suite aux retours seniors.
Retour sur dix semaines d’apprentissage au Boostcamp : technologies étudiées, défis de conception, fatigue mentale et enseignements tirés de l’utilisation de l’IA.
Un retour sur la phase Challenge du Boostcamp : missions quotidiennes, apprentissage CS, feedback entre pairs, travail d’équipe et évolution de ma façon d’apprendre avec l’IA.
Exploration des avantages et inconvénients de la programmation fonctionnelle et orientée objet, et des raisons du choix fonctionnel dans React
Retour d’expérience sur la préparation, la phase Basic et le test de résolution de problèmes du Boostcamp Web·Mobile 10.