1.3- Laboratoire 1

À partir de l'atelier, implémentez des fonctionnalités supplémentaires.

UI

Refactoriser les templates pour exploiter la librairie de composants Angular Material, en fournissant une interface adaptative pour au moins 2 tailles(téléphone et PC), en offrant un UI et UX judicieux.

• Mise en page adaptative

  • Flex
  • Grid
  • Media Queries

• UI/UX

  • Mozilla Design for Developers
  • Refactoring UI Tips
  • Steve Schoger Tips

Authentification

Implémenter les pages de base du module d'authentification:

• Connexion: Nom d'utilisateur et le mot de passe
• Inscription: Nom d'utilisateur, le mot de passe et confirmation du mot de passe

Les fonctionnalités d'authentification ne doivent PAS être implémentées. Mais le visuel et la navigation sont requis en respectant minimalement le storyboard qui suit.

• Étant donnée que l'authentification est seulement UI pour le moment, il est normal de pouvoir se connecter/déconnecter en tout temps.
• L'objectif sera éventuellement d'avoir une facade publique pour la consultation des bâtiments ET une façade authentifiée pour permettre aux propriétaires de gérer leurs immeubles.

Recherche améliorée

Pour offrir une meilleur expérience utilisateur, le mécanisme de recherche sera amélioré des aspects suivants

• Conservation de l'état de la recherche via un query param
• Possibilité de réinitialiser le critère de recherche
• Affichage du nombre de résultats

Voici quelques liens pour guider votre implémentation de ces améliorations

• On peut mettre à jour l'URL/route d'un component programmatiquement
• Injecter les query params
  • Ne pas injecter le paramètre si la recherche est vide ''
• Puis les récupérer au chargement du component

Remise

Vous devez présenter une démonstration fonctionnelle de votre implémentation avant vendredi 23 janvier @ 17h30