Skip to content

Katd3v/Portfolio-architecte-sophie-bluel

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projet 2 - Créez une page web dynamique avec JavaScript

Bienvenue sur le repository de mon projet 2, où j'ai développé une page web dynamique en utilisant JavaScript. Ce projet fait partie de ma formation en développement web et a été une étape importante dans mon apprentissage des technologies web interactives.

Objectif du Projet

Le principal objectif de ce projet était de créer une page web dynamique avec les fonctionnalités suivantes :

  • Récupération dynamique des données à partir d'une API.
  • Tri des projets par catégorie dans une galerie.
  • Intégration d'une page de connexion pour le site.
  • Ajout d'une modale pour gérer les projets.
  • Création d'un formulaire pour l'ajout de projets.

Compétences Acquises

En travaillant sur ce projet, j'ai renforcé mes compétences en développement web, notamment :

  • Manipulation des éléments du DOM avec JavaScript.
  • Récupération des données utilisateur via des formulaires JavaScript.
  • Gestion des événements utilisateur avec JavaScript.
  • Utilisation de la programmation orientée objet (POO) avec des classes contenant des méthodes.

Fonctionnalités

Voici quelques-unes des fonctionnalités clés que j'ai implémentées avec succès dans ce projet :

  • Récupération des travaux de l'architecte depuis une API.
  • Filtrage fonctionnel des projets par catégorie sans rechargement de la page.
  • Possibilité de voir tous les projets en un clic.
  • Page de connexion avec interface d'administration une fois connecté.
  • Gestion des erreurs en cas d'informations incorrectes lors de la connexion.
  • Suppression de travaux sans rechargement de la page.
  • Ajout de travaux sans rechargement de la page.
  • Gestion des erreurs pour les informations manquantes dans le formulaire d'ajout de média.
  • Déconnexion possible avec un filtre fonctionnel.

Comment Exécuter le Projet

Pour exécuter le projet localement, suivez ces étapes :

  1. Clonez ce repository sur votre machine.
  2. Ouvrez le fichier index.html dans un navigateur web.

N'hésitez pas à explorer le code source de ce projet pour en savoir plus sur les détails de l'implémentation.

Merci d'avoir visité le repository de mon projet 2. J'ai appris beaucoup de compétences essentielles en développement web tout en travaillant sur ce projet.

About

Code du projet 3 développeur web.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.7%
  • CSS 23.7%
  • HTML 15.6%