Skip to content

Tom-DevWeb/OC-Dev_App_JS_React-P3_Ohmyfood

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projet 3 - Dynamisez une page web avec des animations CSS

⏳ Timing

Date début : 27/08/23 16:00

Date de fin : 01/09/23

Date de fin réel : 01/09/23 18:15


🎯 Objectifs :

Objectifs :

  • Créer une structure de code efficace avec SASS
  • Respecter le timing

📑 Etapes :

  • Étape n° 1 : Mettez en place votre environnement de développement
  • Étape n°2 : Intégrez la version mobile de la page d’accueil
  • Étape n° 3 : Ajoutez les animations à la page d’accueil
  • Étape n° 4 : Réalisez le responsive de la page d’accueil
  • Étape n° 5 : Intégrez le HTML et le CSS d’une page de restaurant
  • Étape n° 6 : Copiez la page de restaurant et adaptez le contenu aux restaurants restants
  • Étape n° 7 : Faites une revue complète du projet

🤔 Conclusion :

Problèmes rencontrés :

  • Problème au niveau de l’animation pour validé sont plat. J’avais mis dans un label toute les div mais ce n’était pas valide au validateur W3C. J’ai du placer ma div en absolute au dessus de l’élément pour activer la checkbox
  • text-overflow: ellipsis; problème pour l’ajouter à mon code le conteneur dépassé du parent il fallait que je mette un overflow hidden au parent du texte en question.
  • Problème au niveau bouton like de la page d’accueil le label du bouton était dans une balise, j’ai du le déplacer dans le conteneur et le mettre en absolute.

Point négatif 👎

  • Tout a été fait comme il faut mais peut être optimisé en manière d’accesibilité, à cause des checkbox pour une gestion en css car le JS était interdit.

Point positif 👍

  • Mise en place d’une bonne architecture SASS avec l’utilisation de @for, placeholder, variable, composant.
  • Mise en place de la Github Pages que je ne connaissais pas avant.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published