Family Fun Plannings
-
Client
Web App
-
Category
User Experience
-
Tools
Angular 19 , Java , Overpass API , Prompt Engineering , SpringBoot , Typescript , Unsplash API
-
Start date
07-02-2025
-
End date
19-04-2025
Résumé du Projet
Family Fun Plannings est une application web moderne et entièrement responsive construite avec Angular 19 et TailwindCSS v4. La plateforme est conçue pour aider les familles à découvrir, planifier et organiser des activités pour des sorties familiales et des rassemblements en fonction de la localisation, des préférences, des conditions météorologiques et des disponibilités.
Stack Technique
- Framework Frontend : Angular 19 (avec composants autonomes)
- Stylisation : TailwindCSS v4 avec approche utility-first
- Gestion d'État : Combinaison de RxJS et Angular Signals
- Communication HTTP : Angular HttpClient avec intégration API typée
- Routage : Angular Router avec chargement différé et gardes de route
- Authentification : Authentification basée sur JWT avec rafraîchissement de token
- Design UI : Composants UI personnalisés suivant un système de design cohérent
- Programmation Réactive : Utilisation extensive des Observables RxJS et des Signals Angular
Details
L'application offre une découverte d'activités via une recherche filtrée (catégories, prix, localisation), mettant en avant des activités populaires. Les utilisateurs bénéficient d'une authentification sécurisée (email, gestion de mot de passe) et d'un mode invité. Les fonctionnalités sociales incluent notation, favoris, commentaires et partage. La gestion de groupes permet de créer des événements, planifier des sorties et inviter des membres. Un calendrier intégré, des suggestions météo et des notifications optimisent la planification. Les recommandations personnalisées s'adaptent aux préférences et à l'historique.
Architecture
- Composants autonomes (base, fonctionnalités, UI).
- Services dédiés (authentification, activités, groupes, météo, etc.).
- Gestion d'état réactive (Signals, BehaviorSubjects).
- UI/UX responsive, mode sombre, accessibilité.
Détails techniques
- Authentification JWT, filtrage efficace, optimisations de performance (chargement différé, cache).
- Développement en TypeScript avec ESLint/Prettier, approche modulaire et réactive.
Évolutions futures : IA pour recommandations, collaboration en temps réel, support hors ligne, gamification.
Conclusion
Family Fun Plannings représente une application Angular sophistiquée exploitant les pratiques modernes de développement web. Avec son ensemble complet de fonctionnalités, son UI raffinée et son architecture robuste, elle fournit aux familles un outil puissant pour découvrir et planifier des activités ensemble.
L'application démontre une utilisation efficace des dernières fonctionnalités d'Angular, y compris les Signals, les composants autonomes et la gestion d'état réactive, tout en maintenant un code propre et maintenable.