Application React pour une plateforme bancaire fictive. Elle permet l’authentification des utilisateurs, la consultation de leurs comptes et la gestion de leurs transactions. Ce projet a été réalisé dans le cadre du parcours Développeur d'application JavaScript chez OpenClassrooms.
- 🚀 Démarrer le projet
- 📁 Structure du projet
- 🛠 Stack technique
- ✅ Fonctionnalités
- 📘 Documentation API (Swagger)
- 📦 Utilisation de Makefile
- 📝 Licence
npm install
npm run devCréer un fichier .env si nécessaire :
REACT_APP_API_URL=http://localhost:3001/api/v1src/
├── components/
│ ├── Header.jsx
│ └── account/
│ ├── Account.jsx
│ └── items/Items.jsx
├── pages/
│ ├── Home.jsx
│ ├── SignIn.jsx
│ └── UserProfile.jsx
├── redux/
│ ├── store.js
│ ├── slices/authSlice.js
│ └── services/authService.js
├── styles/
│ ├── main.css
│ ├── main_.css
│ ├── App.css
│ └── index.css
├── assets/ # (à compléter si nécessaire)
└── utils/ # (répertoire détecté dans les dépendances, à confirmer)
- React 18
- Redux Toolkit
- React Router DOM
- CSS Modules / organisation manuelle
- JSDoc + PropTypes (à intégrer si non existants)
- ESLint
- Swagger YAML (API backend)
- Makefile (gestion simplifiée des scripts)
- Connexion via JWT
- Récupération du profil utilisateur
- Consultation des comptes bancaires
- Affichage des transactions groupées par compte
- Modification des transactions (catégorie, notes)
- Responsive et accessible
La spécification API est disponible dans :
doc-api/swagger.yamlPour la visualiser :
- Aller sur https://editor.swagger.io
- Importer le fichier YAML
- Tester les endpoints en direct
Si présent à la racine, le Makefile permet de lancer facilement les commandes suivantes :
make install # npm install
make dev # npm run dev
make build # npm run build
make lint # npm run lint
make test # npm test
make swagger # docker swagger UI
make clean # suppression du dossier buildCe projet est proposé sous licence MIT.