Want to create interactive content? It’s easy in Genially!

Get started free

Projet 3

Thomas B

Created on March 22, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Geniaflix Presentation

Vintage Mosaic Presentation

Shadow Presentation

Newspaper Presentation

Zen Presentation

Audio tutorial

Pechakucha Presentation

Explore all templates

Transcript

Openclassrooms

Projet 3

Créez une page web dynamique avec JavaScript

INDEX

appel api

filtres

prÉsentation

supp. projet

connexion

ajout projet

01

Presentation du projet

Récupérer dynamiquement les données des travaux via l’API

Ajouter le tri des projets par catégorie dans la galerie

Kanban

Intégrer la page de connexion pour le site

Ajouter la modale pour gérer les projets

Créer le formulaire pour l’ajout de projet

Swagger

Swagger est un ensemble d'outils open source pour la conception, la création, la documentation et la consommation d'API REST.

Lancer un test

Réponse data

Donnée JSON

Page login

Verification en html et javascript de la conformité des valeurs "email" et "password".

Verification des logs

Method "POST" pour envoyer l'email et le password

Envois API

Recuperation du token et stockage dans le localStorage.

generation du token

Retour sur le site portfolio de Sophie Buel.

Retour page principale

Mode edition

Une fois connecté, l'utilisateur peut modifier le contenu du site, ajouter, supprimer ses projets.

Merci!