erik-42 / openclassroom-projet_13-argentbank

Utilisez une API pour un compte utilisateur bancaire avec React

Projet OpenClassRoom

ArgentBank

Table of Contents

1. About The Project
2. Built With
3. Testez le projet
4. License
5. Contact

About The Project

Utilisez une API pour un compte utilisateur bancaire avec React

Vous venez de commencer à travailler chez Remede Agency, une agence spécialisée dans le développement d'applications web.

L'équipe est principalement composée de développeurs back-end et vient de commencer à recruter d'autres spécialistes front-end.

Le lien Figma de la maquette.

Le kanban avec les User Stories à intégrer pour ce projet.

Pour ce sprint, il faut que tu intègres les US de la partie TODO (le reste sera au sprint suivant).

L’objectif est de refaire la page profil avec React.

Le projet intègre des graphiques sur l’activité sportive de l’utilisateur. Je t’invite à utiliser soit D3, soit Recharts.

Le projet doit être lisible sur les écrans d’au moins 1024 par 780 pixels.

Pour la gestion des calls en eux-mêmes, je t’invite à utiliser soit Fetch, soit Axios.

Il faudra que tu commences le projet en réalisant un mock des données de l'API.

Attention, en fonction des utilisateurs, le schéma de données est légèrement différent.

penses à standardiser les données venant de l'API

(back to top)

Built with

(back to top)

Installation:

NodeJS
Yarn

Npm

Dependencies:

"axios": "^1.7.2",
"prop-types": "^15.8.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^6.24.1",
"recharts": "^2.12.7"

If you are working with several versions of NodeJS, we recommend you install nvm. This tool will allow you to easily manage your NodeJS versions. 2.2 Launching the project

Fork the repository Clone it on your computer.

Backend

npm install command will allow you to install the dependencies.

Frontend

npm install command wil allow you to install the depencies.

Testez le projet

Available Scripts

In the project backend directory , you can run:

yarn start

And In the project frontend directory , you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Github: https://erik-42.github.io/openclassroom-projet_13-argentbank/

https://editor.swagger.io/

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

Formation OpenClassRoom Développeur d'application - JavaScript React

(back to top)

Contact

basillecorp.dev

[email protected]

(back to top)