Ornamental Nursery Project

Проект декоративной детской комнаты

Добро пожаловать в Ornamental Nursery Project, интернет-магазин питомника декоративных растений, расположенный в Чили. Этот проект — мое первое официальное предприятие в области веб-разработки, представляющее собой динамичный и удобный веб-сайт для местного питомниковода.

Обзор проекта

Этот проект демонстрирует питомник декоративных растений в Чили, предоставляя онлайн-платформу, где клиенты могут исследовать и приобретать различные декоративные растения. Сайт создан с использованием PHP для серверной части, Vanilla JavaScript для интерактивности, SCSS для стилизации и Gulp для автоматизации задач. Архитектура соответствует шаблону Модель-Представление-Контроллер (MVC), чтобы обеспечить чистую и организованную базу кода.

Функции

• Аутентификация пользователя: безопасный вход и регистрация для клиентов.
• Каталог продукции: просмотрите широкий ассортимент декоративных растений с подробными описаниями и изображениями.
• Корзина покупок: добавьте растения в корзину и управляйте ею перед оформлением заказа.
• Управление заказами: клиенты могут просматривать историю своих заказов и отслеживать текущие заказы.
• Адаптивный дизайн: оптимизирован для настольных и мобильных устройств и обеспечивает удобство использования.

Используемые технологии

• Бэкэнд: PHP
• Интерфейс: Ванильный JavaScript
• Стиль: СКСС
• Task Runner: Gulp
• Архитектура: Модель-Представление-Контроллер (MVC).

Структура проекта

• controllers/ — Содержит контроллеры, управляющие логикой приложения.
• models/ — Содержит модели, представляющие данные и бизнес-логику.
• views/ — Содержит представления, отвечающие за отображение пользовательского интерфейса.
• public/ — содержит общедоступные файлы, такие как CSS, JavaScript и изображения.
• src/scss/ — исходные файлы для стилей SCSS.
• gulpfile.js — конфигурация для задач Gulp.

Установка

Чтобы настроить проект локально, выполните следующие действия:

1. Клонируем репозиторий:

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

2. Перейдите в каталог проекта:

    cd ornamental-nursery-project

3. Установите зависимости:

   npm install

4. Скомпилируйте SCSS и следите за изменениями:

   gulp

5. Настройте базу данных:

   • Создайте базу данных MySQL и импортируйте предоставленный файл SQL.
   • Настройте подключение к базе данных в файле config.php .

6. Запустите сервер разработки:

   • Используйте локальный сервер разработки (например, XAMPP, WAMP, MAMP) для обслуживания файлов проекта.

Использование

1. Доступ к сайту:

   • Откройте веб-браузер и перейдите по адресу http://localhost/ornamental-nursery-project .

2. Изучите возможности:

   • Просмотрите каталог, добавьте товары в корзину и приступайте к оформлению заказа.

3. Управление заказами:

   • Войдите в систему, чтобы просмотреть историю своих заказов и отслеживать текущие заказы.

Содействие

Вклады приветствуются! Если у вас есть предложения по улучшениям или новым функциям, пожалуйста, не стесняйтесь открыть проблему или отправить запрос на включение.

Лицензия

Этот проект лицензируется по лицензии MIT. Подробности смотрите в файле ЛИЦЕНЗИИ.

Благодарности

• Особая благодарность местному питомнику за сотрудничество в этом проекте.
• Спасибо сообществу открытого исходного кода за предоставление инструментов и ресурсов, которые сделали этот проект возможным.Чили