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
• Fonctionnalités
• Prérequis
• Installation
• Tests
• Technologies
• Détails Techniques Spécifiques
• WakaTime
• Licence

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:

Statistique complète du projet: appines_angular_test

Licence

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