Statut : 🚧 En développement 🚧
Angular Library Manager est une application front-end développée avec Angular 18 et Angular Material. Son objectif est de fournir une interface utilisateur pour gérer et manipuler les données d'une bibliothèque en interagissant avec les endpoints d'une API (projet lié : API-library-spring).
L'application met en avant l'utilisation des Reactive Forms d'Angular, en respectant les bonnes pratiques de gestion de formulaires pour garantir une expérience utilisateur fluide et performante. Angular Material est intégré pour créer une interface esthétique, accessible et moderne.
- Gestion des formulaires avec Reactive Forms : création, modification et suppression d'entrées de la bibliothèque.
- Récupération et manipulation des données via les endpoints de l'API (projet lié : API-library-spring).
- Rendu visuel grâce à Angular Material pour garantir une interface intuitive et ergonomique.
⚠️ Ce projet est en cours de développement, certaines fonctionnalités peuvent ne pas être entièrement disponibles ou finalisées.
- Node.js (v16+ recommandé)
- Angular CLI (v18 compatible)
- API-library-spring : Ce backend est requis pour le bon fonctionnement de l'application.
-
Cloner le dépôt
git clone https://github.com/nom-utilisateur/angular-library-manager.git cd angular-library-manager
-
Installer les dépendances
npm install
-
Configurer l'URL de l'API
Dans le fichier
environment.ts
, configurez l'URL de l'API pour pointer vers l'API de votre projet API-library-spring.export const environment = { production: false, apiUrl: 'http://localhost:8080/api' // exemple d'URL de l'API };
-
Lancer le projet
ng serve
L'application sera accessible sur
http://localhost:4200
.
- Angular 18 : Framework principal pour le développement de l'application.
- Angular Material : Librairie de composants pour le design de l'interface utilisateur.
- Reactive Forms : Module d'Angular pour la gestion avancée des formulaires.
- API REST : Communication avec le backend API-library-spring.
- Gestion des formulaires : Utilisation des Reactive Forms pour une manipulation efficace des données et une validation côté client.
- Modularité : Le projet est structuré en modules pour une meilleure maintenabilité et évolutivité.
- Composants réutilisables : Utilisation de composants Angular Material et de composants personnalisés pour favoriser la réutilisabilité du code.
Les contributions sont les bienvenues ! Veuillez consulter les issues du projet pour connaître les tâches en cours.
- Forker le dépôt.
- Créer une branche pour votre fonctionnalité (
git checkout -b feature/AmazingFeature
). - Commiter vos changements (
git commit -m 'Add some AmazingFeature'
). - Pousser sur la branche (
git push origin feature/AmazingFeature
). - Ouvrez une Pull Request.
Ce projet est sous licence MIT. Pour plus de détails, consultez le fichier LICENSE
.
- Tony La Poche - Développeur principal
- portfolio - Portfolio de Antoine Terrade (alias TonyLaPoche)