Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Developpement front Développement Front-End Structure des ?chiers D ? abord on a créé le projet React avec Typescript avec la commande npx create-react-app - template typescript ? A ?n d ? organiser ses ?chiers selon une logique qui est dé ?nie et claire

Développement Front-End Structure des ?chiers D ? abord on a créé le projet React avec Typescript avec la commande npx create-react-app - template typescript ? A ?n d ? organiser ses ?chiers selon une logique qui est dé ?nie et claire pour toute votre équipe on a abordé comme structure une architecture composée de trois dossiers principaux components scenes et Hooks Dans le dossier components il y aura des dossiers ou chacun dé ?nit un composant réutilisable de l ? application Par exemple un dossier navbar qui comporte un ?chier Typescript et un ?chier de style Dans le dossier Hooks on met nos Hooks crées pour optimiser le temps de recherche et d'implémentation d'un nouveau Hooks dans votre projet Par exemple le Hook useFetch Dans le dossier scenes qui comporte les vues du projet chaque scène est un assemblage de composants qui forme une page de l ? application Par exemple la scène Home qui présente la page d ? accueil de notre application web Mise en place des composants Après avoir discuté la conception de l ? application web avec nos clients on a ?xé les di ?érents pages qui seront présentes dans l ? application Et donc on a déterminé les di ?érents composants React qu ? on a besoin pour nos pages C Description des pages de l ? application ? La page d ? accueil Il s ? agit de la première page conçue pour l ? utilisateur de notre application Elle comporte les principaux composants d ? une interface Navbar Body Sidebar et Footer Elle présente des rubriques permettant la connexion l ? inscription ainsi qu ? une barre de recherche CPour la Sidebar il comporte di ?érents liens de navigation Ainsi des rubriques pour débuter avec nos services de rejoint des communautés ou évènements Et en ?n le Footer ? Page d ? inscription La procédure d ? inscription est divisé en deux étapes d ? abord l ? utilisateur doit entrer ses informations ensuite il doit choisir ses domaines d ? intérêts qui vont lui aider à trouver les communautés et les évènements correspondants o Le formulaire d ? inscription qui o ?re à l ? utilisateur le choix d ? inscription soit avec ses informations personnelles soit avec son compte Google ou Facebook Pour les coordonnées on a met les champs obligatoires Prénom et Nom adresse Email le mot de passe et son con ?rmation Co Le formulaire d ? intérêts est construit selon un composant maquettage qui permet à l ? utilisateur de saisir une liste de ses intérêts Pour retourner à l ? étape précédente Pour ?naliser la procédure d ? inscription ? Page de connexion Pour cette page l ? utilisateur doit e ?ectuer la connexion en saisissant les informations de son compte Adresse E-mail et mot de passe Ainsi il peut se connecter par ses comptes Google ou Facebook C ? Page de communautés publiques Après que l ? utilisateur est connecté il se redirige vers la page