Site web avec base de données

Projet scolaire

Réalisation de page web avec slider et sections uniformes n'existant que pour afficher les données d'une base de donnée en temps réel.

Techniques et Logiciels utilisés:

  • Webstorm: Pour réaliser mes maquettes en utilisant HTML/CSS.
  • Sass+Gulp: Pour le versionnage et pour faire les queries.
  • Responsive design: Je m'en suis servis pour adapter mes pages sur les différentes plateformes.
  • Base de donnée: The movie DB. Pour afficher les films et leurs données/infos.

Processus de création:

Pour commencer, il m'a fallu faire un compte sur le site de the movie DB pour avoir accès à la base de donnée et aller chercher les informations à afficher selon la section et le type de film.

Ensuite, en utilisant webstorm et j’ai réalisé mes menus et sections html pour le slider et pour afficher les films et la page d'un film sans mettre de contenu fixe à l'intérieur.

Dans Javascript, j'ai utilisé la base de donnée pour appeler les informations dans les bonnes balises pour la liste des fiches, le slider et pour chaque fiche de film.

J'ai ensuite réutilisé la base de donnée pour ajouter au template de la fiche de film les informations de 5 acteurs qui étaient dans le casting du film en question.

Les affiches et info sur les films proviennet de la base de donnée en ligne Themoviedb.