Maquette

Première vision

Cette maquette a été réalisée avec le client afin d'avoir un aperçu du rendu avant de commencer à coder concrètement le projet.

Vision finale

Ci-dessous, une capture d'écran du site actuel montrant le résultat final, assez similaire à la maquette réalisée au début.

Architecture

En-tête

• Logo
• Choix des langues
• Connexion
• Barre de navigation
  • Home
  • Galerie
  • Présentation
  • Événements
  • Contact

Contenu

Dépends de la page sélectionnée

Home

'Carrousel' d'images reprenant plusieurs œuvres du client

Galerie

Liste des images des œuvres du client, triées sur base du style donné par l'artiste. Lors du clic sur l'image, l'utilisateur est renvoyé vers une page avec plus de détails sur cette œuvre.

Présentation

Biographie du client, accompagné d'une photo de celle-ci.

Événements

Liste des événements auxquels le client a participé / participe / participera. Chaque événement renvoie vers une page contenant plus de détails sur l'événement, tels que le lieu, les dates ou encore une description de celui-ci.

Contact

Informations pour contacter le client par téléphone ou par mail.

Pieds de page

• Logo
• Barre de navigation
• Réseaux Sociaux
• Contact simplifié

Structure des fichiers

Backend

• login.js : contient toutes les routes pour les requêtes vers la base de données.

Frontend

• package.json : Fichier de configuration générale

Dossier src

• fichier généraux (icône, css commun à toutes les pages, html,...)
• Dossier assets : contient toutes les images utiles pour le site
• Dossier app :
  • app.component : composant de base du site Web.
  • app.module : contient toutes les routes des différents composants
  • file : contient les composants qui sont uniques (partie administrateur)
  • dossiers : contient les composants par langue