El Aamery Ilyas

> Just Park It (SAé 3.01)

Conception globale d'une application client/serveur d'aide à la mobilité urbaine (Équipe de 5). L'objectif : géolocaliser et guider les conducteurs en temps réel vers des places de stationnement disponibles.

---

[1] Infrastructure & Réseau

Déploiement d'une architecture sécurisée sur matériel Cisco pour isoler et héberger les services sous VMware.

• Topologie : Routage inter-VLAN, création d'une zone DMZ pour l'exposition de l'API.
• Matériel : Routeurs (Série 2911) et Switches (Série 2960).

[2] Base de Données

Modélisation et requêtage (MySQL) pour gérer l'état du parc de stationnement, les profils utilisateurs et l'accessibilité (PMR).

[3] Application (Frontend)

Interface utilisateur dynamique (TypeScript + Leaflet) intégrant le calcul d'itinéraire et la navigation en temps réel.

[4] Gestion de Projet

Travail collaboratif piloté via des méthodes agiles et un suivi rigoureux des itérations.

> Finance App (Progressive Web App)

Conception et développement de A à Z d'une PWA de gestion de finances personnelles. Créée en approche "Mobile-First", elle intègre une authentification privée et synchronise en temps réel les budgets, comptes courants et investissements via une base de données NoSQL (Firestore).

[1] Sécurité & Authentification

Mise en place d'un tunnel d'authentification via Firebase Auth (gestion des sessions et déconnexion automatique).

[2] Dashboard & Budget Intelligent

Tableau de bord dynamique intégrant des graphiques SVG interactifs (Recharts) et un système d'enveloppes budgétaires alertant sur le dépassement.

[3] Saisie & Automatisation CSV

Saisie manuelle des transactions avec catégories, ou automatisation complète via l'importation de relevés bancaires convertis par le script PapaParse.

[4] Suivi Patrimonial & Investissements

Gestion globale des comptes courants, barres de progression vers les objectifs d'épargne et suivi macro du portefeuille boursier.

---

[+] Architecture Technique

• SPA / React : Initialisation avec Vite, gestion des états globaux via Context API, maîtrise des Hooks.
• Data Manipulation : Haut niveau de requêtage et transformation de données (map, filter, reduce).
• UI / Design : Tailwind CSS pour le Dark Mode et la compatibilité Responsive.