Проект создан с помощью create-next-app
. Использует Next.js, TypeScript, react-hook-form и Material UI. Состоит из стартовой страницы с временными лотами для записи на прием, при клике по одному из которых открывается реакт форма с несколькими полями.
Для запуска ввести:
npm install
npm run dev
Далее открыть http://localhost:3000 в браузере.
- Стартовая страница с лотами для записи
- Роутинг при клике на слот на страницу с формой
- Верстка формы (с react-hook-form) с рядом инпутов: выбор даты, выбор времени, имя/никнейм, email, телефон, промокод, согласия (чекбоксы)
- Валидация имейла
- Валидация телефона с маской
- Имитация отправки формы
- Динамически создавать слоты исходя из текущего времени
- Передавать дату и время выбранного слота в форму в DatePicker и TimePicker
- Модальное окно с вводом кода, отправленного на телефон
- Сохранение данных со всех инпутов
- При отправке формы роутинг на страницу с поздравлением об успешной оплате с выводом данных из формы
- Поправить типизацию
- Доработать адаптив под мобильные устройства