portfolio

Exercices ÉCOLE

Exercises

Calculatrice Immobilier
Newsletter
Site d'Apple
Météo React
Matrice JS
Template Admin

Calculatrice Immobilier

Exercice : Calculatrice Immobilier

Lieux : Ecole MDS ESPL

Langages : HTML, CSS, Javascript

Preview : Calculette Immobilier

Description du projet

Cette calculatrice immobilière permet aux utilisateurs d'estimer rapidement les mensualités d'un prêt immobilier en fonction du montant emprunté, du taux d'intérêt et de la durée du prêt. L'outil offre également une visualisation du coût total du crédit et de la répartition entre le capital et les intérêts.
Capture d'écran
Schéma explicatif
Schéma de fonctionnement de la calculatrice :

Saisie des données (montant, taux, durée)

Calcul en temps réel des mensualités

Affichage des résultats avec graphique

Option d'impression ou de sauvegarde PDF
Newsletter

Exercice : Newsletter

Lieux : Ecole MDS ESPL

Langages : SQL, HTML, CSS, PHP

Preview : Newsletter

Description du projet

Système de gestion de newsletter permettant aux utilisateurs de s'inscrire pour recevoir des mises à jour périodiques. L'application comprend un panneau d'administration pour gérer les abonnés, créer et envoyer des newsletters, et suivre les statistiques d'ouverture et de clics.
Capture d'écran
Schéma explicatif
Architecture du système de newsletter :

Base de données MySQL pour stocker les abonnés

Interface d'administration PHP

Système de templates HTML pour les emails

API d'envoi d'emails avec suivi des statistiques
Site Apple

Exercice : Site Apple

Lieux : Ecole MDS ESPL

Langages : HTML, CSS

Preview : Apple

Description du projet

Reproduction du site web d'Apple pour démontrer les compétences en intégration web. Ce projet met l'accent sur la fidélité au design original, l'utilisation des dernières techniques CSS pour créer des animations fluides et une mise en page responsive qui s'adapte à tous les appareils.
Capture d'écran
Schéma explicatif
Techniques d'intégration utilisées :

HTML5 sémantique pour une structure optimale

CSS Flexbox et Grid pour la mise en page

Animations CSS pour les transitions

Media queries pour le responsive design
Météo React

Exercice : Météo React

Lieux : Ecole MDS ESPL

Langages : React, JavaScript, HTML, CSS

Preview : GitHub

Description du projet

Application météo développée avec React Native qui permet aux utilisateurs de consulter les prévisions météorologiques pour n'importe quelle ville dans le monde. L'application utilise l'API OpenWeatherMap pour récupérer les données météorologiques en temps réel et affiche les prévisions sur 5 jours.
Capture d'écran
Schéma explicatif
Architecture de l'application :

Composants React pour l'interface utilisateur

Hooks React pour la gestion d'état

Appels API asynchrones avec Axios

Affichage des données météo avec icônes dynamiques

Géolocalisation pour la détection automatique de la position
Matrice JS

Exercice : Matrice JS

Lieux : Ecole MDS ESPL

Langages : JavaScript, Node.js

Preview : GitHub

Description du projet

Bibliothèque JavaScript pour la manipulation de matrices mathématiques. Ce projet implémente diverses opérations matricielles comme l'addition, la multiplication, le calcul du déterminant, l'inversion et la résolution de systèmes d'équations linéaires. L'accent est mis sur l'optimisation des performances pour les grandes matrices.
Capture d'écran
Schéma explicatif
Structure de la bibliothèque :

Classe Matrix pour la représentation des matrices

Méthodes statiques pour les opérations courantes

Algorithmes optimisés pour les grandes matrices

Tests unitaires avec Jest

Documentation complète avec JSDoc
Template Admin

Exercice : Template Admin

Lieux : Ecole MDS ESPL

Langages : HTML, CSS, JavaScript, Bootstrap

Preview : GitHub

Description du projet

Template d'administration responsive et moderne pour les applications web. Ce modèle comprend un tableau de bord avec des graphiques interactifs, des tableaux de données, des formulaires, et une interface utilisateur intuitive. Il est conçu pour être facilement personnalisable et s'intégrer à différents types de projets.
Capture d'écran
Schéma explicatif
Fonctionnalités du template :

Tableau de bord avec widgets personnalisables

Graphiques interactifs avec Chart.js

Tableaux de données avec tri et filtrage

Formulaires avec validation

Thème sombre/clair et options de personnalisation