Yayedaro

Yayedaro est un site web combinant une boutique en ligne et un espace de recettes, offrant une expérience utilisateur complète autour des produits alimentaires.

Description

Ce projet propose une plateforme où les utilisateurs peuvent découvrir des produits, consulter des recettes, créer un compte, et effectuer des achats en ligne. L'interface est conçue pour être conviviale et moderne, avec une navigation intuitive entre les différentes sections du site.

Structure du Projet

Pages Principales

• Accueil (index.html) : Page d'accueil du site présentant les produits phares et les dernières recettes.
• Produits (product.html) : Catalogue des produits disponibles à l'achat.
• Détails Produit (productDetails.html) : Informations détaillées sur un produit spécifique.
• Recettes (recette.html) : Collection de recettes utilisant les produits proposés.
• Détails Recette (recetteDetails.html) : Instructions et ingrédients d'une recette spécifique.
• Panier (cart.html) : Résumé des articles sélectionnés pour l'achat.
• À Propos (about.html) : Présentation de l'entreprise et de sa mission.
• Contact (contact.html) : Formulaire de contact et informations de contact.

Pages Utilisateur

• Connexion (login.html) : Page de connexion pour les utilisateurs existants.
• Inscription (signup.html) : Formulaire d'inscription pour nouveaux utilisateurs.
• Mon Compte (mon_compte.html) : Gestion du profil utilisateur et historique des commandes.

Ressources

• CSS : Feuilles de style pour la mise en page et le design.
  • styles.css : Styles globaux du site.
  • mon_compte.css : Styles spécifiques à la page de compte.
  • contact.css : Styles spécifiques à la page de contact.
• JavaScript : Scripts pour les fonctionnalités interactives.
  • app.js : Script principal de l'application.
  • index.js : Fonctionnalités spécifiques à la page d'accueil.
  • slider.js : Gestion des carousels et sliders.
  • zoomsl.min.js : Fonctionnalité de zoom sur les images.
• Images : Ressources graphiques organisées dans les dossiers images/ et img/.

Fonctionnalités

• Navigation intuitive entre les différentes sections
• Présentation des produits avec images et descriptions détaillées
• Partage de recettes avec instructions pas à pas
• Système d'authentification utilisateur
• Gestion du panier d'achat
• Formulaire de contact

Installation et Utilisation

1. Cloner ou télécharger ce dépôt sur votre machine locale
2. Ouvrir le fichier index.html dans votre navigateur pour accéder à la page d'accueil
3. Naviguer à travers le site en utilisant les liens de navigation

Technologies Utilisées

• HTML5
• CSS3
• JavaScript (Vanilla)

Développement

Pour contribuer au développement de ce site:

1. Forker le dépôt
2. Créer une branche pour votre fonctionnalité (git checkout -b nouvelle-fonctionnalite)
3. Commiter vos changements (git commit -m 'Ajout d'une nouvelle fonctionnalité')
4. Pousser vers la branche (git push origin nouvelle-fonctionnalite)
5. Ouvrir une Pull Request

Licence

[À définir selon vos préférences]

---

© 2025 Yayedaro. Tous droits réservés.