e-floran / homer-odyssey

Overall training for React, Express and MySQL

L'Odyssey d'Homer

Dans le cadre de ma formation à la Wild code school, l'Odyssey d'Homer est une expédition de type fil rouge. Elle correspond à une succession de quêtes dépendantes et permet à partir de zéro, la construction d'une application web/mobile fonctionnelle se basant sur les technologies React, Node, Sql/NoSQL principalement.

0 - Préparation au voyage

L'objectif est ici simplement la création du repo et la préparation de l'environnement de développement.

1 - Composant React pour l'inscription d'un utilisateur

Premier composant simple avec un input mettant à jour un state, ce dernier étant affiché dans un titre.

2 - Création d'un formulaire d'enregistrement

Enrichissement du composant avec plusieurs champs dans un formulaire, tous gérés par le state.

3 - Création d'un backend Node

Première route avec gestions d'un GET et d'un POST.

4 - Relier le backend et la base de données

Préparation du backend pour écrire dans la base de données en cas de POST.

5 - Relier le front et le back

La soumission du formulaire sur le front crée un compte dans la base de données.

6 - Ajout de styles

Utilisation de Material UI pour styliser le front.

7 - Création de plusieurs routes côté client

Plusieurs composants sont présents et des routes sont créées pour les relier.

8 - Ajout d'authentification pour accéder au profile

Des couches sont ajoutées pour gérer le cryptage du mot de passe et l'authentification de l'utilisateur.

9 - Ajout de Redux

Redux permet de gérer l'authentification malgré le changement de pages et de permettre d'autoriser, ou non, l'accès.

10 - Ajout d'un dernier composant

Un composant est rajouté directement dans app.jsx et s'affiche en fonction d'un état géré par Redux.