Skip to content

MichelD-dev/ArgentBank-Front

Repository files navigation

Argent Bank


API et authentification pour une application de compte bancaire.

Formation OpenClassrooms - Développeur d'applications JavaScript React

Projet 13

(back to top)

Pré-requis

Argent Bank utilise le stack technique suivant:

  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)

Assurez vous que vous disposez bien de l'ensemble des packages, ainsi que de leur version. Vous pouvez vérifier celle-ci en entrant les commandes suivantes dans votre terminal:

# Vérifiez la version de Node.js
node --version

# Vérifiez la version de Mongo
mongo --version

(back to top)

Dépendances

  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)
  • GitHub package.json dependency version (prod)

(back to top)

L'architecture du projet :

Ce projet, dit frontend, est connecté à un service API backend que vous devez aussi lancer en local.

Le projet backend se trouve ici: https://github.com/MichelD-dev/ArgentBank-back

(back to top)

Organiser son espace de travail :

Pour une bonne organisation, vous pouvez créer un dossier ArgentBank dans lequel vous allez cloner le projet backend et par la suite, le projet frontend:

Dans le dossier ArgentBank, créer deux dossiers ArgentBank-back et ArgentBank-front:****

Initialiser chacun:

$ git init

Copier dans ArgentBank-back le code Backend :

$ git clone ttps://github.com/MichelD-dev/ArgentBank-back

Copier dans ArgentBank-front le code frontend :

$ git clone https://github.com/MichelD-dev/ArgentBank-Front

(back to top)

Ouvrir chaque dossier dans un terminal différent :

  • Terminal 1:
$ cd ArgentBank-back
$ npm i

ou

$ yarn

Pour lancer le back:

$ npm run dev:server

ou

$ yarn dev:server

(back to top)

  • Terminal 2:
$ cd ArgentBank-front
$ npm i

ou

$ yarn

Pour lancer le front:

$ npm run dev

ou

$ yarn dev

Si le site n’est pas lancé automatiquement : Ouvrir le navigateur à l'adresse: http://localhost:5173/


Vous disposez pour vous connecter des profils des deux utilisateurs suivants:

Tony Stark

  • First Name: Tony
  • Last Name: Stark
  • Email: tony@stark.com
  • Password: password123

Steve Rogers

  • First Name: Steve,
  • Last Name: Rogers,
  • Email: steve@rogers.com,
  • Password: password456

(back to top)

Vous pouvez générer de la documentation au format JsDoc avec la commande suivante

npm run doc

ou

yarn doc

Pour la consulter, allez dans le répertoire /docs, puis ouvrez index.html avec live-server.

(back to top)


Contact:

Michel DELAUNAY - delaunaymichel@hotmail.fr

Linkedin:

https://www.linkedin.com/in/michel-delaunay/

(back to top)