alanbaltabay/webinar-registration

Сайт для регистрации на вебинар

Вебсайт для регистрации на вебинар

       

Оглавление

• Главная информация
• Технологии
• Дизайн
• Установка

Главная информация

Вебсайт для регистрации на предстоящий вебинар.
Ссылка на вебсайт: ссылка

1. Для маркапа использовал семантический HTML, что дает достаточно контекста для разработчика и автоматизированным инструментам быстро понять структуру страницы, дополнительно облегчая дешифрование кода последним.
   
2. Для стилей использовал CSS, полагаясь в первую очередь на специфичность CSS правил и их наследований.
   
3. React + TypeScript для построения пользовательского интерфейса и обеспечения строгой типизации типов данных.
   
4. React Router для перехода из одной страницы в другую после заполнения формы, использовал data API.
   
5. Email.js для отправки письма на введенную электронную почту в форме.

Технологии

• TypeScript (синтаксический расширенный набор JavaScript, добавляющий статическую типизацию) версии: 4.9.3
• React (библиотека JavaScript для создания пользовательского интерфейса) версии: 18.2.0
• React Router (библиотека React для построения маршрутов) версии: 6.10.0
• Vite (сборщик и локальный сервер разработки) версии: 4.1.0
• Email.js (Отправитель эл. писем, html и вложений с Node.js на любой SMTP сервер) версии: 3.11.0

Дизайн

Ссылка на дизайн: ссылка
Дизайн создавался мной на Figma.
В качестве фонового акцента я выбрал холодный фиолетовый цвет, так как холодная цветовая палитра успокаивают ум, помогает при изучении и освоении нового предмета, как раз в тему вебинара.
Также известно, что при проектировании сервиса электронного обучения предпочтительно использовать холодные цвета в фоновом режиме, а теплые цвета — в элементах, которые необходимо подчеркнуть и выделить на экране. Поэтому я выбрал яркий оттенок синего для кнопок для надежного и гармоничного сочетания.

Установка

Чтобы запустить этот проект (после загрузки и установки пакетов):

$ npm run dev