Reservia Client

Бронирование столов в заведениях, управление и отслеживание броней.

Стэк технологий

• React
• TailwindCSS
• ReactRouter
• TypeScript

Интересные моменты в разработке

Форма бронирования

Здесь интересно было реализовать не саму форму, а элементы вокруг нее, после заполнения необходимой информации (даты, времени и тд), идет переход на выбор стола, здесь нужно было встроить похожий рендер карты как в админке или партнерке, но с небольшими отличиями, карту нельзя редактировать и выделенные элементы подсвечивались другим цветом.

Также чтобы избежать пустой карты (на случай если элементы расположенны не в начале карты), был добавлел скролл к ближайшему элементу.

Таймлайн

Страница со статусом бронирования не самая интересная, но здесь были интересные моменты, например, у брони несколько статусов, и под каждый был добавлен отдельный экран, также здесь можно изменить пожелания к брони и отменить её.