[FR] MapData App (un terrain de jeu full-stack)

Bienvenue dans le Projet MapData : Votre Terrain de Jeu Full-Stack ! Salut, développeur ! Prêt à plonger dans un projet qui n'est pas seulement une expérience d'apprentissage, mais aussi un environnement pratique pour le développement full-stack avec Java et Angular ? Laissez-moi vous présenter le Projet MapData, un système modulaire parfait pour gérer les données cartographiques et les métadonnées, tout en vous offrant la flexibilité d'explorer plusieurs frameworks et outils. Qu'est-ce que le Projet MapData ? Le Projet MapData est avant tout un environnement de travail de base pour les développeurs full-stack. Il repose sur une architecture de microservices avec une API backend, une application frontend Single Page Application (SPA) et des utilitaires pour gérer la base de données et l'environnement. Que vous soyez un développeur expérimenté ou débutant, ce projet est une excellente opportunité pour explorer les technologies modernes. Voici ce qui est inclus : mapdata-api : Une API RESTful pour gérer les données cartographiques et les métadonnées. mapdata-app : Une application frontend élégante basée sur Angular pour l'interaction utilisateur. mapdata-db : Gère la création et la maintenance du schéma de la base de données. mapdata-web : Une version frontend légère utilisant HTML, CSS et JavaScript pur. mapdata-automations-python : Scripts Python pour automatiser et gérer l'environnement. Et le meilleur ? Vous pouvez changer les frameworks ! Vous voulez essayer Quarkus au lieu de Spring Boot ? React au lieu de Angular ? Allez-y ! Le projet est conçu pour être flexible. La Technologie Derrière la Magie Voici un aperçu rapide : Java : Le backend est construit avec Java, le langage incontournable pour les applications d'entreprise. Fiable, évolutif et parfaitement intégré avec des frameworks comme Spring Boot ou Quarkus. Angular : Le frontend SPA est construit avec Angular, un framework puissant pour créer des applications web dynamiques et réactives. Docker : Tout fonctionne dans des conteneurs, ce qui simplifie le déploiement et la gestion de l'environnement. Python : Les scripts d'automatisation sont écrits en Python, une langue polyvalente idéale pour les tâches d'automatisation. JavaScript Pur : Pour ceux qui aiment la simplicité, le composant mapdata-web est une version frontend pure en HTML/JS. Comment Créer l'API et l'Application Création de l'API Clonez le dépôt : git clone https://github.com/joaofelipefaria/mapdata.git cd mapdata/mapdata-api Construisez le projet : mvn clean install Lancez l'API : java -jar target/mapdata-api-0.0.1-SNAPSHOT.jar Création de l'Application Accédez au répertoire de l'application : cd mapdata/mapdata-app Installez les dépendances : npm install Lancez l'application en mode développement : ng serve Accédez à l'application à l'adresse http://localhost:4200. Et la Base de Données et le Web ? mapdata-db : Ce composant gère le schéma de la base de données. Configurez simplement le fichier pom.xml et exécutez : mvn clean install Cela créera toutes les tables et séquences nécessaires. mapdata-web : Vous voulez un frontend simple ? C'est celui qu'il vous faut. Ouvrez simplement le fichier index.html dans votre navigateur, et c'est parti. Automatisation : Votre Nouveau Meilleur Ami Gérer les environnements peut être compliqué, mais pas avec mapdata-automations-python. Ces scripts Python vous permettent de démarrer, arrêter et gérer les services Docker facilement. Par exemple : Démarrez l'environnement : python run_env.py Arrêtez tout : python shutdown_env.py C'est aussi simple que ça. Plus besoin de commandes Docker manuelles ! Prêt à Vous Lancer ? Le Projet MapData est bien plus qu'un simple projet : c'est un terrain de jeu pour les développeurs full-stack. Que vous construisiez quelque chose de nouveau ou que vous exploriez simplement, c'est l'environnement parfait pour affiner vos compétences. Alors, qu'attendez-vous ? Clonez le dépôt et commencez à coder ! GITHUB https://github.com/joaofelipefaria/mapdata

Mar 29, 2025 - 20:05

[FR] MapData App (un terrain de jeu full-stack)

Bienvenue dans le Projet MapData : Votre Terrain de Jeu Full-Stack !

Salut, développeur ! Prêt à plonger dans un projet qui n'est pas seulement une expérience d'apprentissage, mais aussi un environnement pratique pour le développement full-stack avec Java et Angular ? Laissez-moi vous présenter le Projet MapData, un système modulaire parfait pour gérer les données cartographiques et les métadonnées, tout en vous offrant la flexibilité d'explorer plusieurs frameworks et outils.

Qu'est-ce que le Projet MapData ?

Le Projet MapData est avant tout un environnement de travail de base pour les développeurs full-stack. Il repose sur une architecture de microservices avec une API backend, une application frontend Single Page Application (SPA) et des utilitaires pour gérer la base de données et l'environnement. Que vous soyez un développeur expérimenté ou débutant, ce projet est une excellente opportunité pour explorer les technologies modernes.

Voici ce qui est inclus :

mapdata-api : Une API RESTful pour gérer les données cartographiques et les métadonnées.
mapdata-app : Une application frontend élégante basée sur Angular pour l'interaction utilisateur.
mapdata-db : Gère la création et la maintenance du schéma de la base de données.
mapdata-web : Une version frontend légère utilisant HTML, CSS et JavaScript pur.
mapdata-automations-python : Scripts Python pour automatiser et gérer l'environnement.

Et le meilleur ? Vous pouvez changer les frameworks ! Vous voulez essayer Quarkus au lieu de Spring Boot ? React au lieu de Angular ? Allez-y ! Le projet est conçu pour être flexible.

La Technologie Derrière la Magie

Voici un aperçu rapide :

Java : Le backend est construit avec Java, le langage incontournable pour les applications d'entreprise. Fiable, évolutif et parfaitement intégré avec des frameworks comme Spring Boot ou Quarkus.
Angular : Le frontend SPA est construit avec Angular, un framework puissant pour créer des applications web dynamiques et réactives.
Docker : Tout fonctionne dans des conteneurs, ce qui simplifie le déploiement et la gestion de l'environnement.
Python : Les scripts d'automatisation sont écrits en Python, une langue polyvalente idéale pour les tâches d'automatisation.
JavaScript Pur : Pour ceux qui aiment la simplicité, le composant mapdata-web est une version frontend pure en HTML/JS.

Comment Créer l'API et l'Application

Création de l'API

Clonez le dépôt :

   git clone https://github.com/joaofelipefaria/mapdata.git
   cd mapdata/mapdata-api

Construisez le projet :

   mvn clean install

Lancez l'API :

   java -jar target/mapdata-api-0.0.1-SNAPSHOT.jar

Création de l'Application

Accédez au répertoire de l'application :

   cd mapdata/mapdata-app

Installez les dépendances :

   npm install

Lancez l'application en mode développement :

   ng serve

Accédez à l'application à l'adresse http://localhost:4200.

Et la Base de Données et le Web ?

mapdata-db : Ce composant gère le schéma de la base de données. Configurez simplement le fichier pom.xml et exécutez :

   mvn clean install

Cela créera toutes les tables et séquences nécessaires.

mapdata-web : Vous voulez un frontend simple ? C'est celui qu'il vous faut. Ouvrez simplement le fichier index.html dans votre navigateur, et c'est parti.

Automatisation : Votre Nouveau Meilleur Ami

Gérer les environnements peut être compliqué, mais pas avec mapdata-automations-python. Ces scripts Python vous permettent de démarrer, arrêter et gérer les services Docker facilement. Par exemple :

Démarrez l'environnement :

   python run_env.py

Arrêtez tout :

   python shutdown_env.py

C'est aussi simple que ça. Plus besoin de commandes Docker manuelles !

Prêt à Vous Lancer ?

Le Projet MapData est bien plus qu'un simple projet : c'est un terrain de jeu pour les développeurs full-stack. Que vous construisiez quelque chose de nouveau ou que vous exploriez simplement, c'est l'environnement parfait pour affiner vos compétences. Alors, qu'attendez-vous ? Clonez le dépôt et commencez à coder !