🔴 Système d'authentification – Formulaire React | React, Node & MongoDB [Part 1/5]

▶️ Système d’authentification – Formulaire React | React, Node & MongoDB [Part 1/5]
ABONNE-TOI 👉 http://bit.ly/3IzCeYf
🔻 Plus d’infos en description 🔻

⚠️ N’oublies pas d’activer les sous-titres !!⚠️

Dans cette première partie, je vous montre comment créer un formulaire en React. Vous verrez comment mettre en place un environnement de développement, utiliser les fonctionnalités offertes par React Router pour gérer la navigation entre les différentes pages d’une application, et empêcher l’accès à certaines routes si l’utilisateur n’est pas connecté.

Pour rendre le formulaire plus attrayant, j’utilise MUI5 (Material-UI version 5), une bibliothèque de composants React très populaire. Nous utiliserons MUI5 pour ajouter des icônes stylisées, ce qui donnera à notre application une apparence plus professionnelle et moderne.

Dans la prochaine vidéo, nous verrons comment créer un serveur Node.js et utiliser Postman pour envoyer des requêtes HTTP.

📌 React Router
https://reactrouter.com/

📌 MUI
https://mui.com/material-ui/material-icons/

📌 Système 7-1
https://gist.github.com/rveitch/84cea9650092119527bc

👇 Lien du Repository Github (laisse une étoile⭐)
https://github.com/Cyril-Develop/Authentication-System

👇 Chapitres
00:00 : ORGANISATION DES FICHIERS
01:01 : REACT ROUTER
04:10 : CREATION PAGE D’INSCRIPTION
08:50 : RESET CSS
12:25 : STYLE FORMULAIRE
23:30 : LOGIQUE POUR AFFICHER/MASQUER LE MDP
29:41 : RÉCUPÉRER ET STOCKER LA VALEUR DES INPUTS
34:33 : ANIMER LE LABEL
40:03 : CRÉATION NAVBAR
43:52 : MIS EN PLACE ROUTE SÉCURISÉE
49:21 : PRÉSENTATION

👍 N’hésites pas à Liker, Commenter, Partager si le projet t’as plu !

#freesourcecode #fullstack #nodejs #react #express #mongodb