# Lancer le projet

1. [Lancer le backend](back-skeleton/README.md)
2. [Lancer le frontend](front-skeleton/README.md)


### Accès à la base de données depuis votre IDE

<details>
<summary>Avec Intellij Ultimate (version payante)</summary>

Téléchargez le plugin suivant :
<p align="center">
<img src="img-readme/main-readme/img1.png" width="700"/>
</p>

Effectue les étapes suivantes :
<p align="center">
<img src="img-readme/main-readme/img2.png" width="700"/>
</p>
Saisissez les infos (1-3), puis test la connexion à la bdd (4)
<p align="center">

<img src="img-readme/main-readme/img3.png" width="700"/>
</p>

Installe les drivers si besoin :
<p align="center">
<img src="img-readme/main-readme/img4.png" width="500"/>
</p>

Si c'est valide, clique sur *Apply* (5) après *OK* (6)
<p align="center">
<img src="img-readme/main-readme/img5.png"/>
</p><br> 

Actualisez si besoin pour avoir le schéma de la base de données (7)
<p align="center">
<img src="img-readme/main-readme/img6.png" width="500"/>
</p>
Vous pouvez avoir les données d'une table avec un double clic
<p align="center">
<img src="img-readme/main-readme/img7.png" width="500"/>
</p>
</details>

<details>
<summary>Avec VS Code</summary>

Effectue les étapes suivantes :

1. Installez l'extension PostgeSQL :

    <img src="img-readme/main-readme/img8.png"/>

2. Ensuite, ajoutez la connexion à votre base de données :

    <img src="img-readme/main-readme/img9.png"/>

    (1)
     <p align="center"><img src="img-readme/main-readme/img10.png" width="700"/></p>
    (2)
     <p align="center"><img src="img-readme/main-readme/img11.png" width="700"/></p>
    (3)
     <p align="center"><img src="img-readme/main-readme/img12.png" width="700"/></p>
    (4)
     <p align="center"><img src="img-readme/main-readme/img13.png" width="700"/></p>
    (5)
     <p align="center"><img src="img-readme/main-readme/img14.png" width="700"/></p>
    (6)
     <p align="center"><img src="img-readme/main-readme/img15.png" width="700"/></p>
    (7)
     <p align="center"><img src="img-readme/main-readme/img16.png" width="700"/></p>

Vous pourrez requêter votre base de données comme suit :

<img src="img-readme/main-readme/img17.png" width="700"/>
<img src="img-readme/main-readme/img18.png" width="700"/>

</details>