Argent Bank

 

 

Description

Projet numéro onze du parcours développeur front-end de chez OpenClassrooms

L'objectif était d'implémentez le front-end d'une application bancaire avec React

Pour en savoir plus, retrouvez le brief de mission en bas de page

 

Compétences évaluées

• Créez une application React complète

• Afficher les données du back end sur l'interface via des appels API

• Configurer des routes API pour la communication client / serveur

• Implémenter la gestion des données avec Redux pour assurer le fonctionnement du front

 

 

Prérequis

• Node.js v12
• MongoDB Community Server

 

node --version
mongo --version

 

Si vous n'avez pas la bonne version de node, vous pouvez utiliser Node Version Switcher

• Node Version Switcher  

 

 

Back-end

Cloner le repo en local

Se rendre dans le dossier back-end

Installer les dépendances: yarn install

Lancer le serveur: yarn run dev:server

Démarrer la BD: yarn run populate-db

 

Front

Installer les dépendances: yarn install

Pour lancer l'application yarn start

 

 

Brief de mission

Créer l’application web complète et responsive avec React. Comme point de départ, nous vous avons fourni le HTML statique et le CSS pour la page d'accueil, la page de connexion et la page de profil. Utiliser Redux pour gérer le state de l'ensemble de l'application. Ce que doit faire l’application (voir les détails pour chacune des fonctionnalités sur nos modèles de GitHub Issues) :

L'utilisateur peut visiter la page d'accueil.

L'utilisateur peut se connecter au système.

L'utilisateur peut se déconnecter du système.

L'utilisateur ne peut voir les informations relatives à son propre profil qu'après s'être connecté avec succès.

L’utilisateur ne peut pas modifier son nom ni son prénom, mais il peut modifier son pseudo.

Nos ingénieurs back-end ont déjà créé toutes les routes API dont vous avez besoin. Vous trouverez toute la documentation Swagger à l'intérieur du repo.