{"id":25846571,"url":"https://github.com/audmes/oc_p13_argentbank","last_synced_at":"2026-04-05T23:05:00.832Z","repository":{"id":257430691,"uuid":"835816085","full_name":"Audmes/OC_P13_ArgentBank","owner":"Audmes","description":"Une application bancaire utilisant React et Redux.","archived":false,"fork":false,"pushed_at":"2024-09-16T15:11:25.000Z","size":5770,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-09-17T18:29:37.918Z","etag":null,"topics":["javascript","js","openclassrooms","react","reactjs","redux"],"latest_commit_sha":null,"homepage":"https://audmes.github.io/OC_P13_ArgentBank","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Audmes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-30T15:28:23.000Z","updated_at":"2024-09-16T15:11:28.000Z","dependencies_parsed_at":"2024-09-16T18:22:02.801Z","dependency_job_id":null,"html_url":"https://github.com/Audmes/OC_P13_ArgentBank","commit_stats":null,"previous_names":["audmes/oc_p13_argentbank"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Audmes%2FOC_P13_ArgentBank","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Audmes%2FOC_P13_ArgentBank/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Audmes%2FOC_P13_ArgentBank/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Audmes%2FOC_P13_ArgentBank/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Audmes","download_url":"https://codeload.github.com/Audmes/OC_P13_ArgentBank/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241348206,"owners_count":19948156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","js","openclassrooms","react","reactjs","redux"],"created_at":"2025-03-01T09:32:52.365Z","updated_at":"2025-12-30T21:58:11.283Z","avatar_url":"https://github.com/Audmes.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ArgentBank\n![Image](logo.png)\n\n## Utilisez une API pour un compte utilisateur bancaire avec React\n------------\n![forthebadge](https://forthebadge.com/images/badges/uses-html.svg)\n![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)\n![forthebadge](https://forthebadge.com/images/badges/uses-js.svg)\n[![forthebadge](https://forthebadge.com/images/badges/uses-git.svg)](https://github.com/Audmes)\n\n[![React](https://img.shields.io/badge/react-20232a?style=for-the-badge\u0026logo=react\u0026logocolor=61dafb)](https://reactjs.org/)\n\n### Description du projet\nCe projet consiste à développer une application bancaire full-stack en utilisant React et Redux pour créer une expérience utilisateur dynamique et réactive.\n\n### Cahiers des charges\n- Phase 1 : Authentification des utilisateurs \n    - Création d'une application web permettant aux clients de se connecter et de gérer leurs comptes et leur profil.\n\n- Phase 2 : Transactions \n    - Spécifier les endpoints d’API nécessaires pour une éventuelle deuxième mission.\n\n#### Spécifications techniques\n- Créer l’application web responsive avec React.\n- Utiliser Redux pour gérer le state de l'application, notamment l’application doit avoir :\n    - Un store pour gérer les données\n    - Des actions pour l’envoi des informations\n    - Des reducers pour gérer les changements d'état de l'application\n\n### Compétences acquises\n- S'authentifier à une API\n- Implémenter un gestionnaire d'état dans une application React\n- Intéragir avec une API\n- Modéliser une API\n\n### Informations complémentaires\n- Soutenance validé le : 16/09/2024\n\n#### Livrable\n\n##### Points forts :\n- Le powerpoint est très bien réalisé\n- Le projet est 100% fonctionnel\n- Bonne compréhension de redux\n\nRemarques : Bonne présentation, le powerpoint utilisé était clair et détaillé. Excellent projet.\n\n### Liens\n- Swagger Editor : https://editor.swagger.io/\n\n### Installation :\n#### Prérequis :\n-   [Git](https://git-scm.com)\n-   [Node](https://nodejs.org/en/) pour les commandes npm ou [Yarn](https://yarnpkg.com/) pour les commandes yarn\n\n-   Cloner le repository: `git clone https://github.com/Audmes/OC_P13_ArgentBank.git`\n\n##### Installation et lancement du back-main :\n1. Aller dans le dossier \"Back-end\"\n2. Installer toutes les dépendances pour le back-end (voir le [README](https://github.com/Audmes/OC_P13_ArgentBank/blob/master/Back-main/README.md)).\n3. Lancer le back-end sur le port 3001 (port par défaut) :\n-   `npm run dev:server` ou `yarn run dev:server`\n\n##### Installation et lancement du front-main :\n1. Aller dans le dossier \"Front-end\"\n2. Installer toutes les dépendances pour le front-end (voir le [README](https://github.com/Audmes/OC_P13_ArgentBank/blob/master/Front-main/README.md)).\n3. Lancer le front-end sur le port 3000 (port par défaut) :\n-   `npm start` ou `yarn start`\n\nLe front-end sera lancé à l'URL:\n`http://localhost:3000/OC_P13_ArgentBank`.\n\n##### Utilisateurs :\n###### Tony Stark\n- First Name: `Tony`\n- Last Name: `Stark`\n- Email: `tony@stark.com`\n- Password: `password123`\n\n###### Steve Rogers\n- First Name: `Steve`,\n- Last Name: `Rogers`,\n- Email: `steve@rogers.com`,\n- Password: `password456`\n\n### Développé avec :\n\n-   [Visual Studio Code](https://code.visualstudio.com/) - Éditeur de texte\n-   [Sass](https://sass-lang.com/) - Préprocesseur CSS\n-   [React 18](https://fr.reactjs.org/) - Bibliothèque JavaScript libre développée par Facebook\n-   [Create React App](https://create-react-app.dev/) - Boîte à outils créée par Facebook, qui est la référence pour initier un projet React\n-   [React Router V6](https://reactrouter.com/) - Bibliothèque de routage pour React\n-   [Prop-types](https://www.npmjs.com/package/prop-types) - Un package utilisé pour documenter les types de propriétés prévus transmises aux composants React\n-   [Redux](https://redux.js.org/) - Bibliothèque JS de gestion d'état pour applications web\n-   [JSDoc](https://jsdoc.app/) - Générateur de documentation pour JavaScript\n-   [GitHub](https://github.com/) - Outil de gestion de versions\n\n### Author:\n**Audrey Mesnage**: [GitHub](https://github.com/Audmes/) - [Portfolio](https://amsprods.com)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faudmes%2Foc_p13_argentbank","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faudmes%2Foc_p13_argentbank","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faudmes%2Foc_p13_argentbank/lists"}