Кейс
Лендинг салона красоты «Алёна»
Продающий лендинг с онлайн-записью: заявки уходят на сервер без перезагрузки страницы.
Одностраничный сайт салона красоты в Ташкенте: услуги, работы мастера, контакты и форма онлайн-записи.
Интерфейс собран на React из компонентов на JSX. Заявка проверяется на странице, уходит на сервер асинхронно, а клиент сразу видит результат — без перезагрузки и лишних шагов.
Что умеет
- Компонентная архитектура на React (JSX)
- Форма онлайн-записи с проверкой полей
- Отправка заявки без перезагрузки страницы
- Адаптивная вёрстка под телефон и планшет
- Блоки: услуги, работы, контакты
Как шла работа
- Структура и стиль. Продумываем блоки страницы и оформление под салон: что увидит клиент и как быстро он сможет записаться.
- Компоненты и вёрстка. Разбиваем страницу на React-компоненты на JSX и верстаем адаптивно на SCSS, проверяем на разных размерах экрана.
- Форма и интерактив. Состояние формы в React: проверка полей, отправка заявки через AJAX, понятные сообщения об успехе и ошибке.
- Публикация. Выкладываем на GitHub Pages, исходный код открыт на GitHub.
Технологии
- React
- JSX
- JavaScript
- SCSS
- AJAX
Другие проекты
Что входит в создание сайта и сколько это стоит — создание сайтов в Ташкенте под ключ.