C'est le printemps ! Fleur.gif

Projet:Almo - Blog de Recettes

De Les Fabriques du Ponant
Aller à : navigation, rechercher

Quelle est la fonctionnalité du projet? C'est un site web personnel de type blog de recettes. Son but principal est de partager 6 recettes de cuisine (plats et desserts) de manière claire et accessible. Il permet aux visiteurs de consulter facilement les ingrédients et les étapes de préparation. Il inclut aussi un formulaire de contact pour que les visiteurs puissent envoyer un mess==age.

Au cours de quelle formation

TREMPLIN NUMERIQUE(Cette une formation de petits Débrouillards de Rennes pour acquérir une solide culture technique et numérique)

Pourquoi ce projet

Pour mettre en pratique mes compétences en développement web (HTML, CSS).

Est-il arrivé à terme

Oui, mais je pense de faire amélioration pour la bar de recherche pour le rendre fonctionnel

Quelles impressions sur le projet

Je suis satisfait d'avoir réussi à créer un site web complet.

Quelle difficultés on été rencontrées

      #Identifier la cause exacte de certains problèmes d'affichage comme l'alignement des icônes.
      #Trouver le bon code pour certains fonctionnalités 
      #Obtenir l'affichage exact souhaité sur toutes les tailles d'écran.
      #Des difficultés pour comprendre le fonctionnement de GitHub.

Auteur

Projet

Ce projet est un site web Réaliser par Almokashfi KABBASHI ALI HAMED de type blog présentant 6 recettes de cuisine (3 plats principaux et 3 desserts ). L'objectif était de créer un site statique (HTML, CSS), simple d'utilisation, visuellement agréable, réalisé dans un délai de 2 semaines.

Objectifs

  • Lister les différents objectifs : (démarche de projet, approfondir ses connaissances, acquis de compétences, etc ...)
      # Réaliser un site web complet.
      # Mettre en pratique mes compétences en développement web (HTML, CSS).
      # Mettre en pratique le processus de déploiement pour mettre le site en ligne.
      # Livrer un projet fonctionnel dans les délais impartis pour la présentation.

matériel et outils utilisés

      #Langages : HTML, CSS.
      #Services Externes : Google Fonts (pour les polices - Roboto-Montserrat) Formspree (formulaire), TinyPNG (images), Netlify (hébergement).
      #Outils : Éditeur de code (VS Codium), Navigateurs web (Chrome, Firefox) pour les tests

Étapes de votre projet

     #Structure HTML : Création de la structure de base des différentes pages.
     #Mise en Page CSS : Application du style visuel.
     #Ajout du Contenu Initial :  Intégration des textes et des images pour les recettes Plat.
     #Fonctionnalité du Formulaire de Contact : Intégration du formulaire HTML et connexion au service externe Formspree.
     #Ajouter de Contenu Supplémentaire : Création de 3 pages HTML pour les recettes de dessert et ajout de leur contenu.
     #Intégration des Nouveaux Liens : Mise à jour de la page d'accueil pour inclure les 3 nouvelles recettes. 
     #Optimisation : Compression des images du site à l'aide de TinyPNG pour améliorer la vitesse de chargement.
     #Déploiement : Mise en ligne du site statique sur la plateforme Netlify.
     #Finalisation : Tests finaux sur le site en ligne.

Dates

DU 17 Mars à 28 Mars

Les projets similaires? Je me suis inspiré par Le site CuisineAZ. L'objectif était de créer une version simple et personnelle.

Compétences

    #Structuration de contenu web avec HTML à l'aide de balise
    #Maîtrise des sélecteurs CSS.
    #Intégration de ressources externes comme Google Fonts pour les polices web.
    #Capacité à mener un projet à terme en respectant un délai court.

Ressources