MoviesDB

MoviesDB

Site personnel réalisé pour m'entraîner sur React, avec API Rest, react-router et SASS.

Technologies utilisées :

  • React

  • API Rest

  • react-router

  • SASS

Client

Site Personnel

Date

février 2024

Catégorie

Free, Design, Web

Page d'accueil du site, avec un slider de films.

Page d'accueil du site, avec un slider de films.

Exploration

Créer et itérer

Exercice de développement web réalisé avec React, API Rest, react-router et SASS. Introduire les concepts de base de React et de l'architecture Flux.

Ce site permet de rechercher des films et des séries, de voir les détails d'un film ou d'une série, et de voir les détails d'un film ou d'une série.

Page d'accueil du site, avec un slider de films.

Page d'accueil du site, avec un slider de films.

Page dédiée à la sélection de films.

Page dédiée à la sélection de films.

Page dédiée à la sélection de séries.

Page dédiée à la sélection de séries.

Page dédiée à la sélection de genres de films.

Page dédiée à la sélection de genres de films.

Conception de sites Web

Créer une application statique

J'ai créé une application statique avec React, API Rest, react-router et SASS. J'ai utilisé des animations de boutons, de slides et des effets de hover. J'ai aussi utilisé des images de fond, des couleurs et des polices de caractères pour créer une landing page attrayante et dynamique.

Recherche de film ou série par titre.

Recherche de film ou série par titre.

La recherche de film et série peuvent se faire sur la même page.

La recherche de film et série peuvent se faire sur la même page.

Page dédiée aux descriptions de films ou séries.

Page dédiée aux descriptions de films ou séries.

Développement

et... lancer

En ce qui concerne le développement, j'ai créé le site Web à l'aide de React. Il sagissait dun processus relativement transparent dans lequel j'ai ajouté des interactions, construit la structure et veillé à ce que le site soit complètement réactif.

Page description, noms des acteurs, et vidéo des bandes annonces.

Page description, noms des acteurs, et vidéo des bandes annonces.

Page description, noms et photos des acteurs, et images du film ou série.

Page description, noms et photos des acteurs, et images du film ou série.

Page description, synopsis, note et date de sortie, etc...

Page description, synopsis, note et date de sortie, etc...

MoviesDB

MoviesDB