Infinity_Life_site

Интернет-магазин здоровых продуктов и напитков с использованием нанотехнологий

Описание

Infinity_Life_site - это современная платформа электронной коммерции, специализирующаяся на продаже уникальных продуктов питания и напитков с использованием нанотехнологий. Наш магазин предлагает инновационные продукты, такие как чаи с коллоидным золотом, серебром и платиной, а также здоровую пищу.

Особенности

• Современный адаптивный дизайн
• Удобная система корзины с сохранением состояния
• Фильтрация товаров по категориям, цене и калорийности
• Подробная информация о продуктах и их пищевой ценности
• Система рейтингов и отзывов
• Мобильная версия сайта
• Интегрированный чат-помощник по чаю
• Анимации и интерактивные элементы
• Сохранение корзины в localStorage

Технологии

• HTML5
• CSS3
• JavaScript (ES6+)
• Bootstrap
• jQuery
• LocalStorage для сохранения данных корзины
• Анимации с использованием WOW.js
• Параллакс эффекты с Paroller.js

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

Infinity_Life_site/
├── assets/
│   ├── css/           # Стили сайта
│   ├── fonts/         # Шрифты
│   ├── img/           # Изображения
│   │   ├── banner/    # Баннеры
│   │   ├── logo/      # Логотипы
│   │   ├── products/  # Изображения продуктов
│   │   └── others/    # Другие изображения
│   └── js/            # JavaScript файлы
│       ├── vendor/    # Сторонние библиотеки
│       ├── main.js    # Основной скрипт
│       ├── ai-chat.js # Скрипт чат-помощника
│       └── secret.js  # Конфигурационный файл
├── index.html         # Главная страница
├── shop.html          # Страница магазина
└── README.md          # Документация

Установка и запуск

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

   git clone https://github.com/semenkulikov/Infinity_Life_site.git

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

   cd Infinity_Life_site

3. Для работы чат-помощника:

   • Зарегистрируйтесь на aimlapi.com
   • Создайте API Key
   • Создайте файл assets/js/secret.js и поместите туда ваш ключ

4. Откройте index.html в веб-браузере

Функциональность

Корзина

• Добавление/удаление товаров
• Подсчет общей стоимости
• Подсчет общей калорийности
• Сохранение состояния между сессиями

Фильтрация товаров

• По категориям (чай, еда)
• По максимальной цене
• По максимальной калорийности

Чат-помощник

• Консультации по чаю
• Интерактивное общение
• Интеграция с AI API

Деплой на сервер

1. Скопируйте файлы на сервер:

sudo mkdir -p /var/www/infinity-life
sudo chown -R $USER:$USER /var/www/infinity-life
scp -r ./* user@SERVER_IP:/var/www/infinity-life/

2. Установите Nginx:

sudo apt update
sudo apt install -y nginx
sudo systemctl enable nginx
sudo systemctl start nginx

3. Активируйте конфиг и сайт

sudo cp nginx.conf /etc/nginx/sites-available/infinity-life
sudo ln -s /etc/nginx/sites-available/infinity-life /etc/nginx/sites-enabled/
sudo rm /etc/nginx/sites-enabled/default
sudo nginx -t
sudo systemctl reload nginx

Готово! Откройте в браузере ссылку - http://SERVER_IP

Вклад в проект

Мы приветствуем вклад в развитие проекта. Пожалуйста, следуйте этим шагам:

1. Форкните репозиторий
2. Создайте ветку для ваших изменений
3. Внесите изменения
4. Отправьте pull request

Лицензия

Этот проект лицензирован под MIT License.