Rh -presenter vous film review spring boot react
D’abord je vois remercie deja a l’interet que vous portez a ma condidature(ou a mon profil),et ca me fait plaisir de passer cette entretien avec vous.
Donc je m appel , je suis un etud…..
---
Mon stage à la CNSS a porté sur la migration des indicateurs SI AMO du système Cognos vers une nouvelle architecture décisionnelle.
J’ai conçu un DataMart en modèle étoile pour structurer les données de remboursement (SQL : Oracle/MySQL). J’ai développé des flux ETL avec Pentaho (PDI) et automatisé l’extraction/transformation avec Apache Airflow sous Docker .
+Le nettoyage des données a été réalisé avec Python (Pandas, NumPy) et SQLAlchemy pour la gestion des bases de données.
Enfin, j’ai développé des dashboards interactifs avec Power BI (et Cognos Analytics on Cloud), permettant aux équipes de la CNSS d’analyser des indicateurs clés.
+(voir ci dessous)
---------------------------------------------------------------------------------
Application de Critiques de Films (Full-Stack) - Java, Spring Boot, MongoDB, React
* J'ai construit une application complète qui permet aux utilisateurs de voir des informations sur des films et de laisser des critiques. Le projet est divisé en deux parties : une API backend (Java/Spring Boot) et une interface utilisateur frontend (React).
* J'ai créé l'API RESTful pour gérer les données(CRUD) .Elle permet de récupérer la liste des films, les détails d'un film, et d'ajouter de nouvelles critiques.
* J'ai utilisé la base de données MongoDB
((pour stocker les informations. Spring Boot facilite la connexion à la base de données.))
* J'ai construit l'interface utilisateur avec React,
((en utilisant des composants pour organiser le code. J'ai utilisé des "hooks" comme useState et useEffect pour gérer les données et les actions de l'utilisateur.))
* J'ai utilisé Axios pour connecter le frontend à l'API backend. J'ai appris à faire des requêtes GET et POST.
* (( J'ai utilisé Git pour suivre les changements de mon code)), et Postman pour tester l'API.
#je prefere travailler avec java mais je suis un profil hybrid qui peut travailler avec d'autres technologies selon le besoin de l'entreprise.
------------------------------------------------------------------------------------------------
projets:
--------------------------------------------------------------------------------------------------
add to this like this (it is not precis vefiy information give full one si dessous(lta7t):
Développement d'une Application Web de Gestion de Films
J'ai conçu et développé une application Full Stack permettant la gestion et la critique de films.
Backend : API RESTful en Java Spring Boot & MongoDB
- Création d'une API REST pour la gestion des films et des critiques (CRUD).
- Utilisation de Spring Boot pour la structuration de l'API et la gestion des requêtes HTTP (GET, POST).
- Base de données NoSQL (MongoDB Atlas) : stockage et manipulation des films et des critiques via
MongoRepositoryetMongoTemplate. - Sécurisation des informations sensibles en utilisant des variables d'environnement
.env. - Tests des endpoints avec Postman pour valider les réponses et les statuts HTTP.
Frontend : Interface Utilisateur avec React.js
- Développement d'une interface dynamique en React.js avec une architecture modulaire.
- Utilisation de React Router pour la navigation entre les pages (films, détails, critiques, bandes-annonces).
- Gestion de l'état avec
useStateetuseEffectpour synchroniser les données avec l'API. - Appels API avec Axios pour récupérer et envoyer les données.
- Affichage interactif avec Material UI et intégration d'un carousel d'images et d'un lecteur vidéo (
react-player). - Formulaire dynamique pour la soumission de critiques utilisateurs.
Valeur ajoutée & Optimisations
- Séparation claire entre le backend et le frontend, facilitant l'évolutivité du projet.
- Mise en place d'un design responsive avec Bootstrap et CSS.
- Traitement des erreurs et feedback utilisateur pour une meilleure expérience.
-----------------------------------------
Description (en points clés, utilisez des verbes d'action) :
Développé une application web complète de critiques de films, démontrant une architecture full-stack avec séparation claire des responsabilités frontend/backend. Conçu et implémenté une API RESTful (Java, Spring Boot) pour gérer les données des films (CRUD) et les critiques des utilisateurs. Utilisé MongoDB (MongoDB Atlas) pour le stockage NoSQL des données, avec MongoRepository et MongoTemplate pour l'accès aux données. Créé une interface utilisateur réactive (React) avec des composants réutilisables, gérant l'état avec useState et les effets avec useEffect. Mis en place le routage côté client (react-router-dom) pour une navigation fluide entre les pages. Intégré un carousel d'images (Material UI) et un lecteur vidéo (react-player) pour une expérience utilisateur enrichie. Implémenté la soumission de critiques via des requêtes HTTP POST (Axios) vers l'API backend. Utilisé Git pour le contrôle de version et Postman pour les tests de l'API.
-----------------------------------------------------------------------------------------------------------------------------------
Backend (Java/Spring Boot/MongoDB):
Conception et Développement de l'API RESTful: J'ai créé une API RESTful en utilisant Java et le framework Spring Boot. Cette API gère les requêtes HTTP (GET et POST) pour : Récupérer la liste de tous les films. Récupérer les détails d'un film spécifique (par son identifiant IMDb). Ajouter de nouvelles critiques de films soumises par les utilisateurs.
Modélisation des Données: J'ai défini les modèles de données (Movie et Review) pour représenter la structure des informations stockées en base de données. Persistance des Données (MongoDB): J'ai utilisé MongoDB (via MongoDB Atlas, un service cloud) comme base de données NoSQL pour stocker les informations sur les films et les critiques. J'ai mis en œuvre les couches d'accès aux données en utilisant : MongoRepository: Pour les opérations CRUD (Create, Read, Update, Delete) de base. MongoTemplate: Pour des requêtes et des mises à jour plus complexes (par exemple, l'ajout d'un ID de critique à un tableau dans le document du film).
Gestion des Dépendances: J'ai utilisé Maven pour gérer les dépendances du projet (Lombok, Spring Web, Spring Data MongoDB, etc.). Sécurisation des Informations Sensibles: J'ai stocké les informations de connexion à la base de données (URL, nom d'utilisateur, mot de passe) dans un fichier .env pour des raisons de sécurité, et j'ai configuré Spring Boot pour lire ces variables d'environnement. Tests de l'API: J'ai utilisé Postman pour tester manuellement les différents endpoints de l'API, vérifiant les réponses et les codes de statut HTTP.
Création de l'Interface Utilisateur: J'ai développé une interface utilisateur interactive et réactive en utilisant la bibliothèque JavaScript React. Composants Réutilisables: J'ai structuré l'application en composants React réutilisables (Home, Hero, Header, Trailer, ReviewForm, Reviews, etc.) pour une meilleure organisation et maintenabilité du code. Gestion de l'État: J'ai utilisé le hook useState de React pour gérer l'état des composants (par exemple, la liste des films, les détails d'un film, les critiques). Effets Secondaires: J'ai utilisé le hook useEffect pour gérer les effets secondaires, notamment les appels API pour récupérer et envoyer des données. Routage: J'ai mis en place un système de routage côté client avec react-router-dom pour permettre la navigation entre les différentes pages de l'application (par exemple, la page d'accueil, la page de détails d'un film, la page de lecture d'une bande-annonce). Appels API (Axios): J'ai utilisé la bibliothèque Axios pour effectuer des requêtes HTTP (GET et POST) vers l'API backend. J'ai configuré Axios pour gérer la base URL et les en-têtes (pour la gestion du CORS). Affichage Dynamique: J'ai affiché dynamiquement les données des films (titres, affiches, bandes-annonces) récupérées depuis l'API. Carousel: J'ai intégré un carousel d'images (pour les films) en utilisant la bibliothèque Material UI. Lecture de Vidéos: J'ai intégré un lecteur vidéo (pour les bandes-annonces YouTube) en utilisant la bibliothèque react-player. Formulaire: J'ai créé un formulaire pour permettre aux utilisateurs de soumettre de nouvelles critiques de films. Styling: J'ai utilisé CSS (et potentiellement des préprocesseurs CSS) pour styliser l'application, et Bootstrap/React-Bootstrap pour la mise en page et les composants réactifs. Gestion des erreurs: Traitement des erreurs potentielles et feedback à l'utilisateur.
Développement Full-Stack (Frontend et Backend) Java, Spring Boot, MongoDB, React API RESTful Gestion de l'état (React Hooks) Routage (React Router) Requêtes HTTP (Axios) Modélisation de données Persistance des données (NoSQL) Gestion des dépendances (Maven, npm) Intégration d'UI components. Conception d'interface utilisateur ---------------------------------------------------- (((J’ai conçu un DataMart structuré en modèle en étoile pour organiser les données liées aux remboursements, en utilisant SQL (Oracle/MySQL). J’ai ensuite développé des flux ETL avec Pentaho Data Integration (PDI) pour automatiser le chargement des données -et Python (Pandas, NumPy) pour- leur nettoyage et Apache Airflow pour automatiser l’extraction et la transformation des données, exécuté via Docker, et la gestion des bases de données avec SQLAlchemy.
(J’ai mené une étude exploratoire des données à l’aide de Jupyter Notebook, Matplotlib, Seaborn et Pandas Profiling, afin de détecter les anomalies et d’optimiser la qualité des données.) ))))
Comments
Post a Comment