You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Projet_Blazor/README.md

140 lines
3.7 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<div align = center>
![Image de l'application](CraftSharp-Logo.png)
</div>
**Nom de lapplication** : Craft# 🕹
</br>
**Thème de lapplication** : Répertorier son inventaire.
</br>
**Récapitulation de notre application** : 👇
</br>
:information_source: Une application Web dans le thème de Minecraft, dans lequel les utilisateurs pourront répertorier leur item, crafter, acheter ...
# Répartition du Gitlab
La racine de notre gitlab est composée de deux dossiers essentiels au projet:
[**src**](src) : **Toute la partie codage de l'application web**
[**doc**](doc) : **Documentation de l'application**
👉 [**Solution de l'application**](src/CraftSharp/CraftSharp.sln)
# Fonctionnement
- ### Comment lancer le projet ?
Tout d'abord si ce n'est pas fait cloner le dépôt de la branche **master/main**, pour cela copier le lien URL du dépôt git :
<div align = center>
![Comment cloner](doc/Images/HowToClone.png)
</div>
Puis aller sur Visual Studio et cloner en entrant le lien :
<div align = center>
![Ou mettre sur Visual studio](doc/Images/CloneVS.png)
</div>
<br>
:information_source: *Si vous ne disposez pas de Visual Studio, allé sur le site [Microsoft Visual Studio](https://visualstudio.microsoft.com/fr/downloads/) pour pouvoir le télécharger !!!*
<br>
Une fois cela fait, cliquer sur la solution du projet **CraftSharp.sln**, il devra être normalement affiché en haut à droite de Visual studio :
<div align = center>
![Page Visual studio](doc/Images/PageVS.png)
</div>
:information_source: *Si ce n'est pas le cas aller dans l'onglet **affichage** puis cliquer sur **Explorateur de solutions**, si le problème persiste recommencer le clone ou vérifier que vous avez la bonne version de Visual studio !!!*
Maintenant il ne reste plus qu'à le lancer ! Pour cela cliquer sur la **Solution** et aller dans les propriétés :
<div align = center>
![Comment accéder aux propriétés de l'application](doc/Images/PropriétésApplication.png)
</div>
Et pour finir rajouter les modifications suivantes pour lancer les plusieurs projets au démarrage :
<div align = center>
![Comment lancer les plusieurs projets de démarrage](doc/Images/DémarrerProjet.png)
</div>
Maintenant il ne reste plus qu'à lancer l'application :satisfied:
<div align = center>
![HowToLaunch](doc/Images/LancerApplication.png)
</div>
<br>
- ### Comment changer la langue ?
Notre application possède plusieurs langue tel que :
- L'anglais
- Le français
- Le turc
Si vous êtes plus habilités avec une plus que les autres, vous pouvez la changer dans la page **Connexion** et **Inscription** en cliquant juste en haut en droite de la page :
<div align = center>
![HowToChange](doc/Images/ChangerLangue1.png)
</div>
Pour les autres, il se trouvera tout en bas à droite de la page :
<div align = center>
![HowToChange](doc/Images/ChangerLangue2.png)
</div>
- ### Comment fonctionne le code ?
# Environnement de Travail
Notre environnement de travail se base sur plusieurs outils :👇
<div align = center>
---
&nbsp; ![HTML](https://img.shields.io/badge/HTML-000?style=for-the-badge&logo=html5&logoColor=white&color=orange)
&nbsp; ![CSS](https://img.shields.io/badge/CSS-000?style=for-the-badge&logo=css3&logoColor=white&color=darkblue)
&nbsp; ![Blazor](https://img.shields.io/badge/Blazor-000?style=for-the-badge&logo=blazor&logoColor=white&color=purple)
&nbsp; ![C#](https://img.shields.io/badge/Csharp-000?style=for-the-badge&logo=csharp&logoColor=white&color=blue)
---
</div>
# Technicien en charge de l'application
La composition pour le projet se voit réaliser par trois élèves de l'IUT d'Aubière:
<br>
⚙️ Emre KARTAL
<br>
⚙️ Rayhan HASSOU
<br>
⚙️ Arthur VALIN
<div align = center>
© Groupe 4
</div>