Contexte du Projet
Ce projet consiste à développer le front-end d'une application bancaire en utilisant React et Redux pour créer une expérience utilisateur dynamique et réactive.
L'objectif principal est d'intégrer le front-end avec le back-end via des appels API. Il s'agit d'écrire des appels à l'API REST pour connecter les deux parties de l'application, assurant une communication fluide entre le client et le serveur.
React sera utilisé pour développer l'interface utilisateur de l'application bancaire, en se concentrant sur la création d'un tableau de bord complet et responsive pour les utilisateurs.
Redux sera utilisé pour gérer les données de l'application, permettant de maintenir un état global cohérent à travers l'application.
Pour définir les points d'accès de l'API et modéliser les interactions avec les données des transactions, Swagger sera utilisé. Cet outil aide à décrire les différentes routes et actions nécessaires pour l'API.
Node.js sera utilisé pour exécuter le code JavaScript côté serveur, offrant une expérience pratique de la gestion d'une application full-stack.
Installation : Procédure d'installation :
Cloner le projet:
https://github.com/aminovitch-web/argentBank
Installation et lancement du Back-end :
Allez dans le dossier "Back-end" :
Installer toutes les dépendances pour le Back-end :
'npm i'
Lancer le back-end sur le port 3001 (port par défaut) :
'npm run dev:server'
Initialisé les données de l'utilisateur dans la base de donnée
'npm run populate-db'
Visualisé directement la base de donnée, et la table Users sur mongodbCompass, connectez vous :
'mongodb://localhost/argentBankDB'
Installation et lancement du Front-end :
Allez dans le dossier "Front-end" :
Installer toutes les dépendances pour Front-end :
'npm i'
Lancer le Front-end sur le port 3000 (port par défaut) avec vite.js :
'npm run dev'