отчетЧернявский.md 5.0 KB
Отчёт по созданию интернет-сайта
Студент: Чернявский Илья Дмитриевич
Дата: 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/