npm install
npm run serve
npm run build
npm run lint
Макет: https://www.figma.com/file/MumYcKVk9RkKZEG6dR5E3A/MetaLamp-(former-FSD)-frontend-education-program.-The-2nd-task?node-id=18370%3A2 UI-kit этого отеля: https://github.com/alimsadetov/hotel Посмотреть сайт можно по ссылке https://toxin-hotel-lemon.vercel.app/
На данный момент реализовано:
- Vue router. Переход между компонентами происходит без обновления страницы.
- Возможность входа в аккаунт. Выполняется валидация введённых данных. После успешного введения данных кнопка войти исчезает со всех страниц и отображается введённый username. https://toxin-hotel-lemon.vercel.app/signin
- Реализована рандомная генерация выбора комнат (https://toxin-hotel-lemon.vercel.app/rooms). Рандомно выбирается картинка, номер комнаты и цена в сутки. При клике на любую их них происходит динамическая навигация на страницу, в которой отображаются все параметры комнаты, по которой кликнули (фото, номер и цена).
- Реализован виджет бронирования комнаты с автоматическим подсчётом цены в зависимости от выбранной даты.
- Возможность авторизованным пользователям оставлять комментарии. В случае неавторизованности, происходит переход на страницу входа
Планируется:
- Добавить возможность регистрации.
- Хранения комментариев.
- Фильтра комнат.