Skip to content

Latest commit

 

History

History
83 lines (56 loc) · 3.29 KB

README.md

File metadata and controls

83 lines (56 loc) · 3.29 KB
Raw

App'Ines Test Technique (Angular + Ionic / TypeScript / TailwindCSS)

Ce dépôt contient le projet pour le test technique App'Ines. Il est construit avec Angular 18 et Ionic v8+ et utilise TailwindCSS pour la gestion des styles. Ce projet repose sur un thème Harry Potter, avec une interface compatible mobile et tablette, et utilise l’API open source HP-API.

Sommaire

Objectifs du Projet

Ce test technique consiste en deux grandes étapes:

  1. Correction et refactorisation d’un code existant dans l’application.
  2. Création d’une nouvelle page et d’un composant, basée sur une maquette fournie.

L'ensemble de consignes est dans ce fichier

Fonctionnalités

  • Liste des sortilèges : Affiche et filtre les sorts magiques de l’univers Harry Potter.
  • Page des sorciers : Explorez les personnages et affichez leurs détails.
  • Application responsive : Conception optimisée pour les formats mobile et tablette.
  • Tests unitaires : Mis en place pour assurer la robustesse du code.

Prérequis

Avant de commencer, assurez-vous d'avoir installé les éléments suivants :

  • Node.js (version 16 ou supérieure)
  • Angular CLI (version 18)
  • Ionic CLI
  • Capacitor pour la compatibilité multiplateforme

Installation

Pour les instructions détaillées d'installation, référez-vous au fichier INSTALL.md.

Tests

Les tests unitaires sont intégrés pour assurer la fiabilité de l'application. Pour lancer les tests :

ng test --no-watch --code-coverage

Technologies

  • Angular 18 : Framework de développement.
  • Ionic & Capacitor : Gestion des fonctionnalités natives pour une application multiplateforme.
  • TailwindCSS : Gestion des styles avec configuration personnalisée.
  • Jasmine : Outils de tests unitaires.

Détails Techniques Spécifiques

  • Utilisation de Signals Angular : Tous les composants sont configurés avec des Signals pour optimiser la réactivité.
  • Syntaxe Control Flow d’Angular : Utilisation de la nouvelle syntaxe de flux de contrôle d’Angular pour remplacer *ngFor et *ngIf.
  • Composants Standalone : Seuls les composants standalone sont utilisés, conformément aux bonnes pratiques Angular modernes.

WakaTime

Projet réceptionné le mercredi 3 novembre 2024 et démarrer le jeudi 4 novembre 2024.
Temps "frappe clavier" passé sur le projet déterminer par Wakatime:

wakatime

Statistique complète du projet: appines_angular_test

Licence

Ce projet appartient à la société App'Ines.