Сверстать простую веб-страницу html, CSS/SCSS, js , react

500 руб. за проект
31 марта 2024, 09:28 • 23 отклика • 366 просмотров
  • Нужно сделать как написано! Без вебфлоу и т д! Написано на реакте, нужно на реакте
  1. https://www.figma.com/file/RIRJzIEVHYFjkT0879pyOZ/%D0%B4%D0%BB%D1%8F-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B?type=design&node-id=0%3A1&mode=design&t=pGLl7kxZV67uwf3m-1
  2. HTML/CSS/SCSS:
    • Создайте HTML-файл и сверстайте веб-страницу, используя HTML5 и CSS/SCSS.
    • Обратите внимание на семантику HTML и использование современных CSS-свойств.
    • Используйте SCSS для управления стилями. (По желанию) Разделите стили на множество модулей и используйте переменные и миксины для повторного использования стилей.
    • Убедитесь, что веб-страница отзывчива и хорошо выглядит на различных устройствах (мобильных, планшетах, настольных компьютерах) и в различных браузерах. (Меню на мобильной версии позволяется не верстать)
    • Все функциональные элементы должны быть доступны и управляемы с помощью клавиатуры.
  4. JavaScript Добавьте интерактивность на веб-страницу, используя JavaScript. Реализуйте следующие функции:
    • При нажатии на кнопки консультаций, должно отображаться дополнительное содержимое на странице.
    • Реализуйте простую валидацию формы: проверьте, что все обязательные поля заполнены перед отправкой формы.
    • Реализуйте простую анимацию для элементов на странице (например, плавное появление или исчезновение).
    • Сохраняйте данные в LocalStorage
  5. JS Framework
    • Реализуйте проект на одном из фреймворков - React или Vue3.
    • Данное число должно быть равно курсу “GBP" из следующего эндпоинта - https://www.cbr-xml-daily.ru/daily_json.js округленное до целого числа.

      Фото 1
    • Данное число должно равно сумме цифровых значений даты. Пример: Если сегодня 01.01.2000, то сумма 0 + 1 + 0 + 1 + 2 + 0 + 0 + 0 = 4

      Фото 2
Дополнительные требования
Файлы
Поделиться