svn-9/prilozhenie-dlia-stilista

Ты — Senior Frontend‑разработчик, эксперт по быстрому вайбкодингу в облачных IDE. Твоя задача: за один проход сгенерировать готовое SPA для онлайн‑записи к стилисту. Приложение должно запускаться сразу в Cloud Code без внешних библиотек, CDN и npm‑зависимостей. Результат Создай проект с такой файловой структурой (выдай содержимое каждого файла отдельно): index.html — семантическая разметка, все секции (главная, календарь, анкета, экран успеха), подвал. css/style.css — цвета, типографика, адаптивность, анимации переходов, состояния кнопок и полей, мобильная версия. js/main.js — логика экранов (переключения, скролл к секции, валидация, модалка успеха), обработка краевых случаев. README.md — инструкция «как запустить в Cloud Code», стек, краткое описание экранов и сценариев, чек‑лист проверки. Дизайн и вайб Тон: «тихая роскошь», спокойная эстетика для городской аудитории. Никаких кричащих цветов.Цветовая палитра: Фон страницы: #F5F3EF (тёплый бежевый) Карточки/контейнеры: #EFEADF Текст: #2C2C2C (тёмно‑серый, не чёрный) Акцент (кнопки): #C9A98B (мягкая терракота) Hover у кнопок: #B59375 Поля ввода: белый фон, лёгкая тень, тонкая рамка, скругление Подвал: фон как у страницы, текст #555, размер шрифта меньше основного Структура и экраны Главная (#screen-home): заголовок «Запись к стилисту», подзаголовок «Выберите удобное время и получите персональный подбор образа», кнопка «Записаться». Календарь (#screen-calendar, скрыт по умолчанию): <input type="date">, <input type="time">, кнопка «Подтвердить». Анкета (#screen-form, скрыта по умолчанию): 3 поля: «Ваше имя» «Email или телефон» «Куда отправить подтверждение» (плейсхолдер: «email, Telegram, WhatsApp»)Кнопка «Завершить», блок ошибок валидации (красный текст рядом с полем). Экран успеха (модальное окно): «Спасибо! Ваша запись принята. Мы отправим подтверждение на указанный контакт». Подвал (всегда виден): «ООО „Солнце“, тел. 999‑999‑999», выравнивание по центру. Логика переходов Клик «Записаться»: скрыть #screen-home, показать #screen-calendar, scrollIntoView({behavior: 'smooth'}). Клик «Подтвердить»: скрыть #screen-calendar, показать #screen-form, скролл к форме. Клик «Завершить»: проверить, что все 3 поля не пустые; если есть ошибки — показать красный текст рядом с каждым пустым полем; если всё ок — показать модалку успеха. Реализуй переключение через классы (например, .screen-active / .screen-hidden) или display. Требования к коду Чистый стек: HTML5, CSS3, ванильный JS. Без фреймворков и сторонних библиотек. Семантика: header, main, section, footer. Адаптивность: Flex/Grid, относительные единицы (rem/vw), медиа‑запросы для мобильных. Читаемость: понятные имена переменных и функций (на английском), комментарии на русском. Валидация: только на клиенте, без бэкенда; при успехе выведи данные в консоль и покажи модалку. Краевые случаи: защита от повторных кликов, корректная обработка пустых полей, плавные переходы между экранами. Формат вывода Кратко (1–2 предложения) напиши, как запустить проект в Cloud Code. Выдай содержимое файлов по порядку с заголовком каждого: index.html css/style.css js/main.js README.md В конце дай короткий чек‑лист из 5–7 пунктов: что открыть, какие сценарии протестировать (мобильный, переходы, валидация, скролл, модалка, подвал). Сгенерируй код так, чтобы его можно было сразу скопировать в соответствующие файлы в Cloud Code и запустить (через Live Server или просто открыв index.html в браузере

Shell · рейтинг 0 · 👍 0 · ❤️ 0 · 💎 0 · 0 форков · ссылка на SourceCraft

Дата анализа: 29.09.2026 22:53

Repo Health Score

Почему такой балл

Документация 26
- README · вес 30% · 1485 символов 20
- Лицензия · вес 20% · нет файла 0
- Локальный запуск · вес 10% 100
- Сборка и тесты · вес 10% 100
- CONTRIBUTING и CODEOWNERS · вес 15% 0
- Структура и шаблоны · вес 15% 0
Активность 0
- Свежесть · вес 40% · 90,4 дн. назад 0
- Merge requests · вес 30% · 0 за 30 дней 0
- Релизы · вес 30% · 0 за 30 дней 0
Issues Нет данных
Состояние кода 48
- Тесты · вес 29% · не найдены 0
- Чистота репозитория · вес 24% · лишних файлов нет 100
- Структура кода · вес 16% · код разложен по каталогам 100
- Линтер · вес 16% · конфига нет 0
- Зависимости · вес 10% · манифеста нет 30
- TODO и FIXME · вес 5% · нет 100

Категории без данных не обнуляют итог: их вес перераспределяется между категориями, где балл есть.

Сильные и слабые стороны

Слабые: Документация: 26, Активность: 0, Issues: нет данных, Состояние кода: 48, Проект давно не проявлял активность, Не найдено тестов, Мало релизов за последние 30 дней, Мало merge requests за последние 30 дней, README неполный

Сводка YandexGPT

Находки и рекомендации

Проект давно не проявлял активность Активность · критическая +12 к Score
Последняя известная активность была около 90 дней назад (источник: repository.last_updated).

Проверьте актуальность проекта, backlog и владельцев активных направлений.
Не найдено тестов Состояние кода · высокая +12 к Score
В дереве репозитория не обнаружено ни каталогов tests/test/spec, ни файлов с типовыми именами тестов.

Добавьте тесты хотя бы для критичной части кодовой базы и подключите их к CI.
Мало релизов за последние 30 дней Активность · высокая +9 к Score
Подметрика «Релизы» — 0 из 100. Полный балл — от 3 релизов за 30 дней.

Выпустите релиз или опишите, почему проект их не использует — балл считает отсутствие релизов недобором.
Мало merge requests за последние 30 дней Активность · высокая +9 к Score
Подметрика «Merge requests» — 0 из 100. Полный балл — от 10 merge requests.

Проверьте, что изменения проходят через merge requests, а не только прямыми коммитами.
README неполный Документация · высокая +7 к Score
README есть, но «README» — 20 из 100: не хватает объёма или раздела о структуре.

Допишите README: зачем проект и из чего состоит репозиторий.
Отсутствует лицензия Документация · высокая +6 к Score
В корне репозитория нет файла LICENSE/COPYING. Без лицензии использование проекта юридически неясно.

Добавьте LICENSE с выбранной лицензией (MIT, Apache-2.0, GPL и т.п.).
Нет конфигурации линтера/форматтера Состояние кода · средняя +6 к Score
В репозитории не найдено конфигов известных линтеров/форматтеров (ESLint, Ruff/Flake8, Prettier, rustfmt и т.п.).

Подключите линтер и форматтер под используемый стек и зафиксируйте правила в конфиге.
Нет CONTRIBUTING и CODEOWNERS Документация · средняя +5 к Score
Не найдены файлы CONTRIBUTING и CODEOWNERS — внешним контрибьюторам неясен процесс.

Добавьте CONTRIBUTING.md с процессом PR и CODEOWNERS для автоназначения ревьюеров.
Нет CHANGELOG и каталога docs/ Документация · средняя +4 к Score
Не найдены CHANGELOG и каталог docs/ — история изменений и подробная документация отсутствуют.

Заведите CHANGELOG.md и каталог docs/ для пользовательской и разработческой документации.
Не найден манифест зависимостей Состояние кода · низкая +3 к Score
В репозитории есть исходный код, но не найдено ни одного из известных файлов манифеста зависимостей.

Зафиксируйте зависимости явным манифестом (package.json/pyproject.toml/go.mod и т.п.).

История проверок

29.09.2026 22:53 — 27

Безопасность (AppSec) и CI/CD здесь не оцениваются: к ним есть доступ только по PAT владельца репозитория.