Ornamental Nursery Project

Projet de pépinière ornementale

Bienvenue sur Ornamental Nursery Project, une boutique en ligne pour une pépinière de plantes ornementales située au Chili. Ce projet est ma première aventure officielle dans le développement Web, proposant un site Web dynamique et convivial pour une entreprise de crèche locale.

Aperçu du projet

Ce projet présente une pépinière de plantes ornementales au Chili, fournissant une plateforme en ligne où les clients peuvent explorer et acheter une variété de plantes ornementales. Le site est construit en utilisant PHP pour le backend, Vanilla JavaScript pour l'interactivité, SCSS pour le style et Gulp pour l'automatisation des tâches. L'architecture suit le modèle Model-View-Controller (MVC) pour garantir une base de code propre et organisée.

Caractéristiques

• Authentification utilisateur : connexion et enregistrement sécurisés pour les clients.
• Catalogue de produits : parcourez une large gamme de plantes ornementales avec des descriptions et des images détaillées.
• Panier : ajoutez des plantes à un panier et gérez le panier avant de procéder au paiement.
• Gestion des commandes : les clients peuvent consulter l'historique de leurs commandes et suivre les commandes en cours.
• Conception réactive : optimisée pour les ordinateurs de bureau et les appareils mobiles pour une expérience utilisateur transparente.

Technologies utilisées

• Back-end : PHP
• Frontend : JavaScript vanille
• Style : SCSS
• Exécuteur de tâches : Gulp
• Architecture : Modèle-Vue-Contrôleur (MVC)

Structure du projet

• controllers/ - Contient les contrôleurs gérant la logique de l'application.
• models/ - Contient les modèles représentant les données et la logique métier.
• views/ - Contient les vues responsables de l’affichage de l’interface utilisateur.
• public/ - Contient des fichiers accessibles au public tels que CSS, JavaScript et des images.
• src/scss/ - Fichiers sources pour le style SCSS.
• gulpfile.js - Configuration des tâches Gulp.

Installation

Pour configurer le projet localement, procédez comme suit :

1. Clonez le référentiel :

   git clone https://github.com/yourusername/ornamental-nursery-project.git

2. Accédez au répertoire du projet :

    cd ornamental-nursery-project

3. Installer les dépendances :

   npm install

4. Compilez SCSS et surveillez les changements :

   gulp

5. Configurer la base de données :

   • Créez une base de données MySQL et importez le fichier SQL fourni.
   • Configurez la connexion à la base de données dans le fichier config.php .

6. Démarrez le serveur de développement :

   • Utilisez un serveur de développement local (par exemple, XAMPP, WAMP, MAMP) pour servir les fichiers du projet.

Usage

1. Accédez au Site :

   • Ouvrez votre navigateur Web et accédez à http://localhost/ornamental-nursery-project .

2. Explorez les fonctionnalités :

   • Parcourez le catalogue, ajoutez des articles à votre panier et procédez au paiement.

3. Gérer les commandes :

   • Connectez-vous pour consulter l'historique de vos commandes et suivre les commandes en cours.

Contribuer

Les contributions sont les bienvenues ! Si vous avez des suggestions d'améliorations ou de nouvelles fonctionnalités, n'hésitez pas à ouvrir un problème ou à soumettre une pull request.

Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.

Remerciements

• Un merci spécial à la crèche locale pour sa collaboration sur ce projet.
• Merci à la communauté open source pour avoir fourni les outils et les ressources qui ont rendu ce projet possible.chile