☢️ Frontend pour GDP - Portail
☢️ 🆙
Application de gestion pour le service GDP de la Ville de Mouscron lié au backend du même nom. Elle permet la gestion de véhicules, des utilisateurs avec JWT pour la sécurité des données, la validation des identifiants pour les différentes routes, l'envoi de mails pour la validation des surveillances, des daily et des rapports journaliers.
Une recherche par immatriculation, localité et rue pour les constats ainsi qu'un tri des rues par localité, code postal, nom et quartier.
Elle permet également la gestion des agents et des utilisateurs, des catégories pour les notes de rapports, des constats sur le terrain, des tâches journalières pour les équipes d'agents avec envoi de mail, des surveillances habitations, des horaires d'agents, des infractions les plus verbalisées, des missions journalières ou occasionnelles, des quartiers avec missions spécifiques, des rapports journaliers, des rues et des validations pour chaque surveillance d'habitation.
Elle me servira également comme TFE d'où sa complexité et le temps consacré!
| GDP Back | GDP Front | GDP Android Application |
Run npm start
or ng serve
for a dev server. Navigate to http://localhost:4200/
- Agents
- Categories
- Missions
- Rues
- Medias
- Statistics
Pour ce projet, il vous est demandé de développer une application Angular qui va interagir avec soit des données stockées dans le LocalStorage du navigateur, soit l’API créée dans le module de Projet de développement SGBD
Le projet devra être réaliser seul et respecter au moins les contraintes suivantes :
- Création d’au moins 2 formulaires gérés en Reactive forms
- Création d’au moins 1 component utile à l’application (qui n’est pas une page)
- Création d’au moins 2 services permettant d’interagir avec les données
- Création d’au moins 1 pipe utile à l’application
- Utilisation du routing Angular
- Utilisation d’une librairie externe, utile à l’application
Le projet devra être versionné sous Github en mode privé et accessible par le chargé de cours. De plus, il est demandé de pousser vos changements en ligne à chaque fois que vous travaillerez sur le projet.
Le sujet est libre, mais devra être validé au préalable par le chargé de cours (via email pour garder une trace).
Attention : Ne commencez pas le développement sans validation au préalable et n’utilisez pas des librairies externes non validées par le chargé de cours.
L’application devra être remise au plus tard le lundi 13 juin par email à l’adresse suivante : [email protected].
Une date de présentation de l’application reste à définir et comptera pour des points
- Git Emojis
- emojidb
- Listing Emojis
- csv2json
- Learn JWT
- Message Service
- Component Interaction
- Angular Bearer Token with HttpClient
- Angular + Reactive Forms - Cross Field Validation Example
- Angular 15 Auth Boilerplate - Sign Up with Verification, Login and Forgot Password (forked)
-
à enlever dans le fichier ./helpers/sendMail.js si pas docker car dès que je passe par docker j'ai une erreur
tls: { rejectUnauthorized: false, },
-
protéger tous les dossiers autres que users grace à JWT une fois la phase déploiement lancée
- Annexes fichiers
- Bug Annexe create & update
- Missions Quartier
- Statistiques
- Login & pass
- ConfirmationService ne fonctionne pas
- closable
- bug dans les recherches
| :-: | :-: | :-: | :-: |
| 😉 Vandermeulen Christophe alias WnX 📎🏴☠️ |
Copyright (c) 2023-present,
This project was generated with Angular CLI version 15.2.4.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The application will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.