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

1. Clonez le dépôt :

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

Enter fullscreen mode Exit fullscreen mode

1. Construisez le projet :

   mvn clean <span>install</span>
   mvn clean <span>install</span>
   mvn clean install

Enter fullscreen mode Exit fullscreen mode

1. Lancez l’API :

   java <span>-jar</span> target/mapdata-api-0.0.1-SNAPSHOT.jar
   java <span>-jar</span> target/mapdata-api-0.0.1-SNAPSHOT.jar
   java -jar target/mapdata-api-0.0.1-SNAPSHOT.jar

Enter fullscreen mode Exit fullscreen mode

Création de l’Application

1. Accédez au répertoire de l’application :

   <span>cd </span>mapdata/mapdata-app
   <span>cd </span>mapdata/mapdata-app
   cd mapdata/mapdata-app

Enter fullscreen mode Exit fullscreen mode

1. Installez les dépendances :

   npm <span>install</span>
   npm <span>install</span>
   npm install

Enter fullscreen mode Exit fullscreen mode

1. Lancez l’application en mode développement :

   ng serve
   ng serve
   ng serve

Enter fullscreen mode Exit fullscreen mode

1. 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 <span>install</span>
   mvn clean <span>install</span>
   mvn clean install

Enter fullscreen mode Exit fullscreen mode

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
   python run_env.py
   python run_env.py

Enter fullscreen mode Exit fullscreen mode

• Arrêtez tout :

   python shutdown_env.py
   python shutdown_env.py
   python shutdown_env.py

Enter fullscreen mode Exit fullscreen mode

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

原文链接：[FR] MapData App (un terrain de jeu full-stack)