|
|
@@ -0,0 +1,77 @@
|
|
|
+# Отчёт по созданию интернет-сайта
|
|
|
+
|
|
|
+**Студент:** Чернявский Илья Дмитриевич
|
|
|
+**Дата:** 10.06.2026
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 1. Что сделано
|
|
|
+
|
|
|
+Создал сайт-портфолио «Илья Чернявский — Аренда авто в Климово».
|
|
|
+
|
|
|
+Файл один — index.html, внутри вся вёрстка, стили и скрипты.
|
|
|
+
|
|
|
+**Что есть на сайте:**
|
|
|
+
|
|
|
+- Главная страница с описанием услуг
|
|
|
+- Автопарк из 10 машин
|
|
|
+- Игры (рулетка и мины) — за них даю бонусы
|
|
|
+- Форма бронирования авто
|
|
|
+- Документы и правила
|
|
|
+- Отзывы с рейтингом
|
|
|
+
|
|
|
+**Бонусная система:**
|
|
|
+
|
|
|
+Стартовые 200 бонусов, каждый день +100, за отзыв +50, по промокодам от 200 до 700. Бонусы хранятся в LocalStorage.
|
|
|
+
|
|
|
+Всё работает без перезагрузки страницы — сделал как SPA.
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 2. Как использовал Qwen
|
|
|
+
|
|
|
+Qwen мне очень помог, без него делал бы намного дольше.
|
|
|
+
|
|
|
+**Что я просил и что получил:**
|
|
|
+
|
|
|
+**1. HTML.** Попросил Qwen сделать сайт-портфолио для аренды авто с тёмным дизайном, карточками машин и адаптивом. Он выдал базовую структуру с шапкой, контейнерами и сеткой.
|
|
|
+
|
|
|
+**2. CSS.** Qwen предложил тёмную тему с оранжевыми акцентами, эффекты размытия, анимации при наведении. Я взял его стили и подправил цвета под себя.
|
|
|
+
|
|
|
+**3. Рулетка.** Сказал Qwen: «Сделай canvas рулетку с разными призами, с весами (шансами) и анимацией вращения». Он написал функцию spinWheel(), сектора с весами, анимацию через requestAnimationFrame.
|
|
|
+
|
|
|
+**4. Игра «Мина».** Попросил: «Сделай игру мины 4x4, ставка бонусами, множитель растёт с каждой безопасной ячейкой, кнопка забрать выигрыш». Qwen сгенерировал логику с 4 случайными минами, подсчёт множителя и кэшаут.
|
|
|
+
|
|
|
+**5. LocalStorage.** Попросил сохранять баланс, сделать ежедневный бонус и промокоды, чтобы активировались один раз. Qwen написал функции loadBalance(), saveBalance(), dailyBonus(), activatePromo().
|
|
|
+
|
|
|
+**6. Форма бронирования.** Сказал: «Сделай форму аренды: выбор машины, дни, списание бонусов, показ итоговой цены». Он сделал updatePricePreview() и handleRent().
|
|
|
+
|
|
|
+**7. Отзывы со звёздами.** Попросил блок отзывов с формой добавления, рейтинг 5 звёзд, за отзыв давать +50 бонусов. Qwen сделал звёзды с подсветкой при клике и добавление отзыва в начало списка.
|
|
|
+
|
|
|
+**8. Исправление багов.** Когда рулетка неправильно останавливалась, я спросил Qwen, в чём проблема. Он объяснил про формулу расчёта угла, и я поправил код.
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 3. Какие технологии использовал
|
|
|
+
|
|
|
+- **HTML** — Qwen сделал структуру, я добавил свои блоки
|
|
|
+- **CSS** — Qwen написал стили (тёмная тема, адаптив, анимации)
|
|
|
+- **JavaScript** — Qwen написал всю логику: рулетка, мины, бонусы, отзывы
|
|
|
+- **Canvas** — Qwen сделал отрисовку колеса рулетки и анимацию вращения
|
|
|
+- **LocalStorage** — Qwen реализовал сохранение баланса, промокодов и ежедневного бонуса
|
|
|
+- **Хостинг Beget** — я сам зарегистрировался и загрузил файл через FTP
|
|
|
+
|
|
|
+**Сколько кода написал Qwen, а сколько я:**
|
|
|
+
|
|
|
+Qwen написал примерно 90% кода. Я только подправил цвета и отступы, исправил пару багов (рулетка не туда останавливалась), заменил ссылки на картинки и загрузил всё на хостинг.
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 4. Итог
|
|
|
+
|
|
|
+Сайт готов, работает на хостинге Beget. Почти весь код написан с помощью Qwen.
|
|
|
+
|
|
|
+**Хостинг:** Beget
|
|
|
+**Адрес сайта:** http://informe6.beget.tech/
|
|
|
+
|
|
|
+**Адрес сайта Qwen:** https://qwen.ai/
|
