Skip to content

Rubenperes/fullstack-data-application

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

101 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Data FullStack Application

Sommaire :

  1. Description Globale du projet
  2. Les Outils utilisées
  3. Guide d'utilisation
  4. Conseils pour les gestions de build
  5. Conclusions et axes d'améliorations

1. Description Globale du projet :

Ce projet de génération d'images a été réalisé dans le cadre du cours Full Stack Data, en 5ème année.

Nous avons utilisé, pour chaque parties du code :

  • Backend : FastApi, Python et PostGreSQL
  • Frontend : Svelte (Framework de JavaScript écrit en TypeScript)

2. Les Outils :

Comme dit précédemment, nous avons utilisé FastApi et Python ainsi que PostGreSQL pour le Backend, Svelte pour le Frontend.

Il faut aussi utilisé DockerDesktop pour pouvoir faire marcher le projet

Pour finir, nous avons également utilisé GitHub Desktop pour gérer les push/pull sur les branches du projet plus facilement.

3. Guide d'utilisation :

A - Lancer le projet :

Tout d'abord, il faut lancer l'application DockerDesktop et doit fonctionner correctement avant de pouvoir continuer.

Il faut également s'assurer d'être dans le bon répertoire comme l'image ci-dessous:

image

Une fois que l'on est dans le bon répertoire, on peut rentrer la commmande :

image

Une fois lancé, veuillez attendre que l'on affiche le bon fonctionnement du front. Cela sera indiqué par le lien en local et avec IP:

image

A retenir que l'application fonctionne en local, et donc, n'a pas de donnée pré-enregistrée et, si vous fermez l'application, toute vos données disparaîtrons.

Après que le chargement soit fini, veuillez entrer sur la barre de recherche :

image

B - Page d'Inscription :

Nous avons au départ, la page de connexion :

image

Evidemment, avant de pouvoir se connecter, il faut s'inscrire, veuillez appuyer sur le bouton indiquée avec la flèche rouge dans l'image au-dessus.

On se retrouve sur cette page d'inscription :

image

Il faut s'assurer, comme indiqué, de bien entrer le bon mot de passe 2 fois sinon nous avons une erreur :

image

Dans le cas où l'on met le même mot de passe, l'appli nous envoie directement sur la page de connexion pour s'inscrire.

C - Page de Connexion :

Voici la page de connexion :

image

Si on utilise le même mot de passe et nom d'utilisateur, on peut accéder à l'application. Cependant si on met un utilisateur qui n'existe pas, cela fait une erreur, ce qui est normal car il n'est pas connu dans la base de données :

image

Connectons nous avec notre utilisateur :

image

D - Page Utilisateur :

On se retrouve enfin sur la page qui nous intéresse.

Maintenant qu'on est connecté, nous pouvons utilisé le générateur d'images.

Attention : Le nombres d'images dépendant de l'API utilisé, et ayant utilisé une API gratuite (StarryAI), il nous reste environ 80 images utilisables.

Voici un exemple de prompt que l'on peut faire :

image

A noter : Le temps de chargement est d'environ 1 minute voire un peu plus.

4. Conseils pour les gestions de build:

Nous avons remarqué que, lorsque l'on build avec la commande :

image

Et que l'on modifie le code, nous avions une erreur de build récurrente qui apparaît à chaque fois :

image

Il faut simplement supprimer ce fichier (qui, après chaque re-build, réapparaît) :

image

5. Conclusions et axes d'améliorations:

Ce qui saute aux yeux et qui pourrait être amélioré c'est principalement la créations de la galerie d'images (et donc de l'enregistrement des images prompts pour la session en cours) que nous avons pas pu finir de programmer mise à part les boutons qui sont présents.

On peut en conclure que ce projet nous a permis d'apprendre beaucoup de nouvelles librairies et surtout, d'apprendre à assembler toutes les connaissances que nous avions au préalables dans un seul et même projet.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • Python 60.9%
  • Svelte 32.2%
  • JavaScript 4.2%
  • HTML 1.0%
  • Dockerfile 0.8%
  • Shell 0.5%
  • CSS 0.4%