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

UI

Exploiter la librairie de composants officielle Material de Google, en fournissant une interface adaptative pour au moins 2 tailles(téléphone et PC), pour offrir un UI et UX judicieux.

• Material

  • https://material.angular.io/

• 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 et Inscription.

• Saisir le nom d'utilisateur et le mot de passe
• Ajouter la confirmation du mot de passe à l'inscription

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 batiments ET une facade privée/authentifié 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
• Affichage du nombre de résultats et possibilité de réinitialiser le critère de recherche

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
• Synchroniser une variable avec un attribut du DOM
  • Vous pourriez aussi utiliser les FormGroup

Remise

Vous devez présenter une démonstration fonctionnelle de votre implémentation avant vendredi 24 janvier @ 15h