Ornamental Nursery Project

Zierkindergartenprojekt

Willkommen beim Ornamental Nursery Project, einem Online-Shop für eine Zierpflanzengärtnerei in Chile. Dieses Projekt ist mein erstes offizielles Unterfangen in der Webentwicklung und beinhaltet eine dynamische, benutzerfreundliche Website für einen örtlichen Baumschulbetrieb.

Projektübersicht

Dieses Projekt stellt eine Zierpflanzengärtnerei in Chile vor und bietet eine Online-Plattform, auf der Kunden eine Vielzahl von Zierpflanzen erkunden und kaufen können. Die Website wurde mit PHP für das Backend, Vanilla JavaScript für Interaktivität, SCSS für das Styling und Gulp für die Aufgabenautomatisierung erstellt. Die Architektur folgt dem Model-View-Controller (MVC)-Muster, um eine saubere und organisierte Codebasis zu gewährleisten.

Merkmale

• Benutzerauthentifizierung: Sichere Anmeldung und Registrierung für Kunden.
• Produktkatalog: Durchsuchen Sie eine große Auswahl an Zierpflanzen mit detaillierten Beschreibungen und Bildern.
• Warenkorb: Fügen Sie Pflanzen zu einem Warenkorb hinzu und verwalten Sie den Warenkorb vor dem Bezahlen.
• Auftragsverwaltung: Kunden können ihre Bestellhistorie einsehen und aktuelle Bestellungen verfolgen.
• Responsive Design: Optimiert für Desktop- und Mobilgeräte für ein nahtloses Benutzererlebnis.

Verwendete Technologien

• Backend: PHP
• Frontend: Vanilla JavaScript
• Stil: SCSS
• Task Runner: Schluck
• Architektur: Model-View-Controller (MVC)

Projektstruktur

• controllers/ – Enthält die Controller, die die Anwendungslogik verwalten.
• models/ – Enthält die Modelle, die die Daten und die Geschäftslogik darstellen.
• views/ – Enthält die Ansichten, die für die Anzeige der Benutzeroberfläche verantwortlich sind.
• public/ – Enthält öffentlich zugängliche Dateien wie CSS, JavaScript und Bilder.
• src/scss/ – Quelldateien für das SCSS-Styling.
• gulpfile.js – Konfiguration für Gulp-Aufgaben.

Installation

Um das Projekt lokal einzurichten, gehen Sie folgendermaßen vor:

1. Klonen Sie das Repository:

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

2. Navigieren Sie zum Projektverzeichnis:

    cd ornamental-nursery-project

3. Abhängigkeiten installieren:

   npm install

4. Kompilieren Sie SCSS und achten Sie auf Änderungen:

   gulp

5. Richten Sie die Datenbank ein:

   • Erstellen Sie eine MySQL-Datenbank und importieren Sie die bereitgestellte SQL-Datei.
   • Konfigurieren Sie die Datenbankverbindung in der Datei config.php .

6. Starten Sie den Entwicklungsserver:

   • Verwenden Sie einen lokalen Entwicklungsserver (z. B. XAMPP, WAMP, MAMP), um die Projektdateien bereitzustellen.

Verwendung

1. Greifen Sie auf die Website zu:

   • Öffnen Sie Ihren Webbrowser und navigieren Sie zu http://localhost/ornamental-nursery-project .

2. Entdecken Sie die Funktionen:

   • Durchsuchen Sie den Katalog, legen Sie Artikel in Ihren Warenkorb und gehen Sie zur Kasse.

3. Bestellungen verwalten:

   • Melden Sie sich an, um Ihren Bestellverlauf einzusehen und aktuelle Bestellungen zu verfolgen.

Mitwirken

Beiträge sind willkommen! Wenn Sie Vorschläge für Verbesserungen oder neue Funktionen haben, können Sie gerne ein Issue eröffnen oder eine Pull-Anfrage einreichen.

Lizenz

Dieses Projekt ist unter der MIT-Lizenz lizenziert. Einzelheiten finden Sie in der LICENSE-Datei.

Danksagungen

• Besonderer Dank geht an den örtlichen Kindergarten für die Zusammenarbeit bei diesem Projekt.
• Vielen Dank an die Open-Source-Community für die Bereitstellung der Tools und Ressourcen, die dieses Projekt ermöglicht haben.chile