Данное приложение разработано для Гостевого дома. Заказчик хотел получить современное, функциональное, анимированное и адаптивное под мобильные устройства веб-приложение с возможностью бронирования номеров потенциальным клиентом через специальную форму, с последующим оповещением по email и в виде смс-сообщений, с возможностью оставить обратную связь о своем отдыхе прямо на сайте. Со стороны администратора в функционал заложены: учет всех бронирований и возможность их редактирования, контроль заполняемости номеров, модерация поступающих отзывов, учет уборки номеров.
-
Шапка сайта
-
Форма проверки доступности номеров на выбранные даты
-
Слайдер
-
Интерактивная карта
-
Информационный блок
-
Интерактивный коллаж с различными фотографиями
-
Модальное окно с подробной информацией по каждой категории номеров
-
Подвал сайта с анимированными компонентами
-
Компонент с отзывами прошедшими модерацию
-
Страница выбора номера на свободные даты
-
Форма бронирования номера
-
Просмотр актуальных бронирований, с возможностью изменить состояние бронирования и добавить комментарий
-
Форма добавления гостей, пришедших непосредственно в хостел
-
Cтраница с информацией по номерам, с дополнительной информацией
-
Cтраница с информацией по уборке номеров
-
Навигация по админ-панели
-
Cтраница модерирования отзывов
JavaScript
DB: PostgreSQL, Sequelize ORM
Back: Node.js, Express, Sessions, Bcrypt, Cors
Front: React + Redux, Redux Saga, SVG, HTML5, SCSS/CSS, UI Kit
- Полнофункциональное внедрение оплаты
- Адаптация приложения под все виды устройств
В директории 2 папки:
- server/ Отвечает за back-end.
- cd server
- npm ci
- npx sequelize db:create
- npx sequelize db:migrate
- npx sequelize db:seed:all
- npm run seed admin 123456 // создание администратора
- npm run dev
- client/ - front-end.
- cd client
- npm ci
- npm start