Nathan Simonnet

Quelques projets

Ce projet m'a permis de découvrir que React à un langage et un fonctionnement propre, qu'il a fallu apprendre.

Cependant, l'aspect modulaire, une fois que l'on sait s'organiser, permet une meilleure gestion du code.

Kasa

Site de location d'appartements :

React router, links, navigation, gestion des id / erreurs, redirections...

Un bon entrainement à la gestion des routes en React.

Et maintenant, je sais que faire suivre une variable entre les différentes page demande une certaine prudence (le score en l'occurrence).

Quiz

Quiz personnalisable :

React router, links, navigation, gestion des réponses et du score...

Comprendre et manipuler correctement les fonctions asynchrones peut être déroutant au début.

Tout comme la gestion des erreurs et états qui demande une bonne méthodologie de debugage.

Meal fetcher

Site de recette de cuisine :

Api, CRUD, affichage en temps réel, lightmode / darkmode, responsive design...

En plus des difficultés propores aux API (comme pour meal fetcher), le systeme de tri prennait beaucoup trop de temps au début

Finalement j'ai du reprendre le code de zéro, afin de trouver une meilleur façon de déclarer mes fonctions, en adéquation avec ma récupération de données

Worldview

Affichage de pays et diverses informations :

Api, CRUD, gestion des filtres en temps réel, responsive design, accessibilité...

Générer et gérer beaucoup de particules ou des animations variées a rapidement ralenti l’application.

Il a fallu apprendre à optimiser ces éléments pour garantir des performances stables.

Et bien sure, apprendre à structurer une boucle de jeu qui met à jour l’état et le rendu de manière fluide.

Bubbles popper

Mini jeu (tout est dans le titre) :

Gestion du DOM, effet de particules, local storage, gestion du score ...

Gérer l'affichage dynamique des erreurs de frappe directement dans l'interface m'a demandé de prendre un grand recule (indications visuelles en cas d'erreur, suivi du curseur est fluide).

Cela m'a forcé à réfléchir à toutes les options possibles, et finalement trouver la plus optimisée (qui fut loin de ce que j'imaginais au départ).

Type eval

Test de vitesse et précision d'écriture :

Gestion du suivi en temps réel des frappes (détection d'erreurs, vitesse / précision...)

Gérer les options personnalisables de l'utilisateur, au vu du nombre de possibilités fut complexe.

À partir de ce projet, j'ai appris à être plus "modulaire" dans mon approche, j'ai mieux découpé mes fonctions, pour plus de clarté.

Password maker

Création de mots de passes :

Regexp, gestion des filtres, algorithme de “randomisation”...

La maquette est un guide formidable, mais par le fait même, elle est exigeante, intransigeante.

Les écarts dans la typographie, les espacements, ou les tailles d'images ont été évités autant que possible.

Et ce, en tenant compte de la compatibilité des navigateurs, ainsi qu'une certaine notion d'accessibilité.

Booki

Site de réservation de chambres d'hôtel :

Integration à partir d'une maquette, optimisation des images, responsive design...

Placer les images dans le bon ordre (avec des z-index) pour créer la profondeur souhaitée, tout en s'assurant qu’elles sont bien positionnées, a été un défis, notemment sur l'aspect responsiv design.

Il a fallu faire en sorte que chaque élément se déplace à une vitesse différente, tout en restant visuellement cohérent.

Parallax jungle

Effet de parallax :

Superposition d'images, tranlation, gestions des positions et de vitesse de transition...