{"id":18272684,"url":"https://github.com/tonylapoche/front-library-angular","last_synced_at":"2025-08-03T00:35:49.872Z","repository":{"id":261057621,"uuid":"883132406","full_name":"TonyLaPoche/Front-library-angular","owner":"TonyLaPoche","description":"[WIP] Frontend fonctionnant avec le Repos Backend API-library-spring","archived":false,"fork":false,"pushed_at":"2024-11-05T08:02:11.000Z","size":157,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T21:48:27.276Z","etag":null,"topics":["angular","angular-material","api-rest","frontend","intellij","library-api","reactive-forms","validation","wip"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TonyLaPoche.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-11-04T12:39:36.000Z","updated_at":"2024-11-13T16:34:46.000Z","dependencies_parsed_at":"2024-11-04T13:39:21.076Z","dependency_job_id":"d3fb62f1-6990-483c-acdd-f9cb429edebd","html_url":"https://github.com/TonyLaPoche/Front-library-angular","commit_stats":null,"previous_names":["tonylapoche/front-library-angular"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TonyLaPoche%2FFront-library-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TonyLaPoche%2FFront-library-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TonyLaPoche%2FFront-library-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TonyLaPoche%2FFront-library-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TonyLaPoche","download_url":"https://codeload.github.com/TonyLaPoche/Front-library-angular/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247970799,"owners_count":21026203,"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":["angular","angular-material","api-rest","frontend","intellij","library-api","reactive-forms","validation","wip"],"created_at":"2024-11-05T12:03:19.602Z","updated_at":"2025-04-09T03:27:44.210Z","avatar_url":"https://github.com/TonyLaPoche.png","language":"TypeScript","readme":"# Angular Library Manager\n\n**Statut** : 🚧 *En développement* 🚧\n\n## Description\n\nAngular 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](https://github.com/TonyLaPoche/API-library-spring)).\n\nL'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.\n\n## Fonctionnalités\n\n- **Gestion des formulaires** avec Reactive Forms : création, modification et suppression d'entrées de la bibliothèque.\n- **Récupération et manipulation des données** via les endpoints de l'API (projet lié : API-library-spring).\n- **Rendu visuel** grâce à Angular Material pour garantir une interface intuitive et ergonomique.\n\n\u003e :warning: *Ce projet est en cours de développement, certaines fonctionnalités peuvent ne pas être entièrement disponibles ou finalisées.*\n\n## Prérequis\n\n- [Node.js](https://nodejs.org/) (v16+ recommandé)\n- [Angular CLI](https://angular.io/cli) (v18 compatible)\n- [API-library-spring](https://github.com/nom-utilisateur/API-library-spring) : Ce backend est requis pour le bon fonctionnement de l'application.\n\n## Installation\n\n1. **Cloner le dépôt**\n\n   ```bash\n   git clone https://github.com/nom-utilisateur/angular-library-manager.git\n   cd angular-library-manager\n   ```\n\n2. **Installer les dépendances**\n\n   ```bash\n   npm install\n   ```\n\n3. **Configurer l'URL de l'API**\n\n   Dans le fichier `environment.ts`, configurez l'URL de l'API pour pointer vers l'API de votre projet [API-library-spring](https://github.com/nom-utilisateur/API-library-spring).\n\n   ```typescript\n   export const environment = {\n     production: false,\n     apiUrl: 'http://localhost:8080/api' // exemple d'URL de l'API\n   };\n   ```\n\n4. **Lancer le projet**\n\n   ```bash\n   ng serve\n   ```\n\n   L'application sera accessible sur `http://localhost:4200`.\n\n## Technologies Utilisées\n\n- **Angular 18** : Framework principal pour le développement de l'application.\n- **Angular Material** : Librairie de composants pour le design de l'interface utilisateur.\n- **Reactive Forms** : Module d'Angular pour la gestion avancée des formulaires.\n- **API REST** : Communication avec le backend [API-library-spring](https://github.com/TonyLaPoche/API-library-spring).\n\n## Bonnes Pratiques\n\n- **Gestion des formulaires** : Utilisation des Reactive Forms pour une manipulation efficace des données et une validation côté client.\n- **Modularité** : Le projet est structuré en modules pour une meilleure maintenabilité et évolutivité.\n- **Composants réutilisables** : Utilisation de composants Angular Material et de composants personnalisés pour favoriser la réutilisabilité du code.\n\n## Contribution\n\nLes contributions sont les bienvenues ! Veuillez consulter les issues du projet pour connaître les tâches en cours.\n\n1. **Forker** le dépôt.\n2. **Créer une branche** pour votre fonctionnalité (`git checkout -b feature/AmazingFeature`).\n3. **Commiter** vos changements (`git commit -m 'Add some AmazingFeature'`).\n4. **Pousser** sur la branche (`git push origin feature/AmazingFeature`).\n5. Ouvrez une **Pull Request**.\n\n## License\n\nCe projet est sous licence MIT. Pour plus de détails, consultez le fichier `LICENSE`.\n\n---\n\n## Auteurs\n\n- [Tony La Poche](https://github.com/TonyLaPoche) - Développeur principal\n- [portfolio](https://antoineterrade.com) - Portfolio de Antoine Terrade (alias TonyLaPoche)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftonylapoche%2Ffront-library-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftonylapoche%2Ffront-library-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftonylapoche%2Ffront-library-angular/lists"}