Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

Фриланс-проекты › Верстка Личного кабинета. Верстка Личного кабинета.

HTML/CSS верстка

5 из 6

выполнение проекта

Следующий шаг: проект завершен

публикация
прием ставок
утверждение условий
резервирование
выполнение проекта
обмен отзывами

Верстка должна быть масштабируемой на всех мобильных устройствах ( адаптив не нужен!)

Личный кабинет отельера

1. Форма "Зарегистрировать новый объект"

Ваше имя (поле для ввода)

Должность (поле для ввода)

Придумайте пароль (поле для ввода)

Название объекта размещения (поле для ввода)

Адрес объекта (поле для ввода, при вводе адреса появляются подсказки, из которых пользователь должен выбрать адрес)

Телефон (поле для ввода, с проверкой)

Персональный E-mail (поле для ввода, с проверкой)

Придумайте кодовое слово (поле для ввода)

Тип объекта (выпадающий список, из вариантов в админке https://gorooms.ru/admin/hotel_types)

Кнопка “Зарегистрировать”, после нажатия на которую пользователь переходит на страницу "Объект"

После заполнения формы объект появляется в админке, отельер может авторизоваться и войти в ЛК, на сайте объект не опубликован и не виден модератору

2. Объект (отельер)

2.1. Объект http://prntscr.com/10flzcd

Название, тип объекта (которые пользователь ввел при регистрации, не редактируются)

Телефон 1 объекта, телефон 2 объекта, e-mail (поля для ввода)

2.2. Адрес http://prntscr.com/10fm0ks

Адрес объекта (который пользователь указал при регистрации, не редактируется)

Комментарий к адресу (поле для ввода)

2.3. Информация об отеле http://prntscr.com/10fm1al

Введите текст (поле для ввода)

Текст для СЕО. Должен распознавать вставку из Ворда, Иметь возможность выделять жирным слова, добавлять заголовки, нумерацию строк, выводиться всегда в одном шрифте и размере. После ввода, текст не редактируется более.

2.4. Как добраться http://prntscr.com/10fm2be

введите текст (поле для ввода)

2.5. Ближайшие станции метро http://prntscr.com/10fm2py

Выбор станции из выпадающего списка

Минут пешком до объекта (поле для ввода, для каждой станции)

2.6. Прайс лист отеля http://prntscr.com/10fm462. Данные будут выгружаться автоматически.

2.7. Детально об отеле http://prntscr.com/10fm4lt

Список атрибутов по группам (чекбоксы)

2.8. Фото объекта http://prntscr.com/10fm56q

Возможность загружать и удалять фото

После загрузки фото находится на проверке модератором и не публикуется

2.9. В п. 2.1, 2.3, 2,5, 2.6, 2.7. после сохранения данные уже не редактируются из ЛК отельера. (кроме 2.4 и комментария к адресу)

3. Номерной фонд

https://drive.google.com/file/d/11i7PfuEATGCqwQLmFJRlEw_y9t7u1FR7/view?usp=sharing

https://drive.google.com/file/d/1BH7JyZOLOhWou_r7BcFj69UiqeDOoIb-/view?usp=sharing

При переходе в раздел первый раз открывается страница с выбором типа отображения номеров: Демонстрация каждой комнаты объекта в отдельности, Демонстрация категорий отеля с квотами комнат

После выбора одного типа отображения, при переходе в раздел всегда открывается страница соответствующего типа

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

4. Демонстрация каждой комнаты объекта в отдельности

https://drive.google.com/file/d/1nJ-mApESvKdle8-7ieOZefSmxXko9Rck/view?usp=sharing

https://drive.google.com/file/d/1qgo4Uvwu_ZL-W1rEskIBcixJ6MnN30mw/view?usp=sharing

4.1. Категории номеров http://prntscr.com/10fmrc8

Возможность добавить/удалить/редактировать категории номеров

Редактирование: название категории

4.2. Список номеров

4.2.1. Создание/редактирование номера http://prntscr.com/10fms45

Ордер (поле для ввода). Номер в соответствии с которым номер будет выводиться в списке всех номеров (последовательность, обязательное поле).

Номер (поле для ввода, обязательное поле)

Название (поле для ввода)

Категория (выпадающий список, категории созданные в блоке Категории номеров)

Возможность загрузить/удалить изображения (минимум одно фото, максимум 6) Изображения можно перетягивать на место друг друга, например взять фотографию номер 5 и перетащить на фото номер 1, тогда фото номер 5 должно встать на первое место, а первая фотография на пятое.

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

Детально о номере. Выбор атрибутов чекбоксами. При клике на Подробнее откроется всплывающее окно с полным список атрибутов (минимум 3 атрибуты, максимум 9).

Возможность удалить номер

После создание первого номера отель попадает на модерацию

4.2.2. Номер на модерации http://prntscr.com/10fmxni

После нажатия на Сохранить, номер находится на модерации, Отельер его может отредактировать или удалить

4.2.3. Опубликованный номер http://prntscr.com/10fmxv5

После проверки модератором номер публикуется, его можно отредактировать, тогда он опять попадает на модерацию или удалить.

5. Демонстрация категорий отеля с квотами комнат

https://drive.google.com/file/d/1xWLs-Df9siCZl0msy8zrJ1hoIdT-KEUE/view?usp=sharing

5.1. Категории номеров

Возможность добавить/удалить/редактировать категории номеров

Редактирование: название категории, квота

При создании категории, в списке категорий появляется новая категория

5.2. Список категорий

5.2.1. Создание/редактирование категории http://prntscr.com/10fn0k2

Название категории, квота (не редактируется, редактируется в блоке Категории номеров, выводятся в том же порядке, в котором созданы в п. 5.1.)
Возможность загрузить/удалить изображения (минимум одно фото, максимум 6)
Цены на час, ночь, сутки, цена вводится, комментарий выбирается из созданных в админке вариантов (минимум должна быть заполнена одна цена)
Детально о номере. Выбор атрибутов чекбоксами. При клике на “Показать все” открывается всплывающее окно с полным список атрибутов (минимум 3 атрибуты, максимум 9).
После Того как отельер заполнил хотя бы одну категорию и нажал Сохранить, отель попадает на модерацию

5.2.2. Категория на модерации http://prntscr.com/10fn1t1

После нажатия на Сохранить, категория находится на модерации, её можно отредактировать или удалить

5.2.3. Опубликованная категория http://prntscr.com/10fn2ha

После проверки модератором категория публикуется, ее можно отредактировать, тогда она опять попадает на модерацию или удалить.

5.2.4. На сайте номеры выводятся в том порядке, в котором созданы категории в п. 5.1.

6. Сотрудники

https://drive.google.com/file/d/1MjngKudxIDdggW74X3YWS05jAe1z_dm-/view?usp=sharinghttps://drive.google.com/file/d/1MjngKudxIDdggW74X3YWS05jAe1z_dm-/view?usp=sharing

6.1. Список сотрудников (3 General, 5 Staff):

Должность

Телефон

ФИО сотрудника

6.2. При регистрации объекта автоматически заполяется первый сотрудник General http://prntscr.com/10qcjpn

6.3. При клике на сотрудника открывается форма добавления сотрудника

General https://drive.google.com/file/d/1HCoclw3rUnwegoEUcr5N-Zmgno62K_E1/view?usp=sharing

Staff https://drive.google.com/file/d/18L8dg3NopspdRaQy3QFBLYXo9RMs2Q4j/view?usp=sharing

Когда сотрудник уже добавлен, редактирование?

7. Календарь цен

Пока не делаем

8. Маркетинг

Текстовая страница - Возможность наполнения любым текстом, редактировние, вставка картинок, видео, текст списком.

9. Инструкции

Список инструкций https://drive.google.com/file/d/19Nk3yKnrX29F2YpGe7-mnFK5foievvoX/view?usp=sharing

При клике на инструкцию скроллинг на блок с текстом инструкции.

10. Авторизация

Форма авторизации

Авторизоваться может любой из добавленных сотрудников по своему e-mail и паролю

Личный кабинет модератора

1. Регистрация/авторизация

Модератора регистрирует администратор в админке.

Модератор авторизуется на сайте через форму авторизации

После авторизации в списке отелей https://gorooms.ru/hotels появляется кнопка “На модерации”, где отображается количество отелей на модерации, которая фильтрует отели, в которых есть данные на модерации.

На странице отеля появляется кнопка Редактировать, при клике на которую модератор попадает в ЛК отельера.

2. Объект

https://drive.google.com/file/d/1inaJBjZcoD9OgcjDLmcmhG_ocPi-7rmt/view?usp=sharing

2.1. Объект http://prntscr.com/10fn8yz

Название, тип объекта (редактируются)

Телефон 1 объекта, телефон 2 объекта, e-mail (редактируются)

2.2. Адрес http://prntscr.com/10fn9a2

Адрес объекта (редактируются)

Комментарий к адресу (редактируются)

2.3. Информация об отеле http://prntscr.com/10fn9ha

Текст (редактируются)

2.4. Как добраться http://prntscr.com/10fn9pt

Текст (редактируются)

2.5. Ближайшие станции метро http://prntscr.com/10fna40

Выбор станции из выпадающего списка (редактируются)

Минут пешком до объекта (редактируются)

2.6. Прайс лист отеля http://prntscr.com/10fnaj8. Пока не делаем

2.7. Детально об отеле http://prntscr.com/10fnaqt

Список атрибутов по группам (чекбоксы)

2.8. Фото объекта http://prntscr.com/10fnb11

Возможность опубликовать и удалять фото

3. Демонстрация каждой комнаты объекта в отдельности

https://drive.google.com/file/d/1nJ-mApESvKdle8-7ieOZefSmxXko9Rck/view?usp=sharing https://drive.google.com/file/d/1qgo4Uvwu_ZL-W1rEskIBcixJ6MnN30mw/view?usp=sharing

3.1. Категории номеров http://prntscr.com/10fmrc8

Возможность добавить/удалить/редактировать категории номеров

Редактирование: название категории

3.2. Список номеров

3.2.1. Создание/редактирование номера http://prntscr.com/10fms45

Номер (поле для ввода, обязательное поле)

Название (поле для ввода)

Категория (выпадающий список, категории созданные в блоке Категории номеров)

Возможность загрузить/удалить изображения (минимум одно фото, максимум 6)

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

Возможность удалить номер

После создание первого номера отель попадает на модерацию

3.2.2. Номер на модерации http://prntscr.com/10fmxni

Как публикуется номер?

Если то первый номер в отеле и отель еще не опубликован, то после подтверждения отель публикуется.

3.2.3. Опубликованный номер http://prntscr.com/10fmxv5

4. Демонстрация категорий отеля с квотами комнат

https://drive.google.com/file/d/1xWLs-Df9siCZl0msy8zrJ1hoIdT-KEUE/view?usp=sharing

4.1. Категории номеров http://prntscr.com/10fmrc8

Возможность добавить/удалить/редактировать категории номеров

Редактирование: название категории, квота

При создании категории, в списке категорий появляется новая категория

4.2. Список категорий

4.2.1. Создание/редактирование категории http://prntscr.com/10fn0k2

Создание/редактирование категории http://prntscr.com/10fn0k2

Название категории, квота (не редактируется, редактируется в блоке Категории номеров, выводятся в том же порядке, в котором созданы в п. 5.1.)

Возможность загрузить/удалить изображения (минимум одно фото, максимум 6)

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

Детально о номере. Выбор атрибутов чекбоксами. При клике на “Показать все” открывается всплывающее окно с полным список атрибутов (минимум 3 атрибуты, максимум 9).

После Того как отельер заполнил хотя бы одну категорию и нажал Сохранить, отель попадает на модерацию

4.2.2. Категория на модерации http://prntscr.com/10fn1t1

Как публикуется категория?

Публикация отеля

4.2.3. Опубликованная категория http://prntscr.com/10fn2ha

5. Сотрудники

https://drive.google.com/file/d/1MjngKudxIDdggW74X3YWS05jAe1z_dm-/view?usp=sharinghttps://drive.google.com/file/d/1MjngKudxIDdggW74X3YWS05jAe1z_dm-/view?usp=sharing

6.1. Список сотрудников (3 General, 5 Staff):

Должность

Телефон

ФИО сотрудника

6.2. При регистрации объекта автоматически заполяется первый сотрудник General http://prntscr.com/10qcjpn

6.3. При клике на сотрудника открывается форма добавления сотрудника

General https://drive.google.com/file/d/1HCoclw3rUnwegoEUcr5N-Zmgno62K_E1/view?usp=sharing

Staff https://drive.google.com/file/d/18L8dg3NopspdRaQy3QFBLYXo9RMs2Q4j/view?usp=sharing

Когда сотрудник уже добавлен, редактирование?

7. Календарь цен, Маркетинг, Инструкции

Аналогично ЛК отельера

Админ панель

1. Отель

После заполнения формы регистрации объекта, в админ панели добавляется отель

Отображается статус отеля: опубликован, на модерации

Телефоны?

2. Станции метро

Можно ли подключить какой то модуль станций метро, чтобы список станций обновлялся автоматически, их цвет выбирался автоматически. Как у всех сделано, а не так что мы сейчас цвет станции из списка цветов выбираем). Станции выводятся того города, где расположен объект?

3. Комментарий к ценам

Добавить раздел в админке с возможностью создавать/удалять/редактировать варианты комментариев к ценам http://prntscr.com/10qda6k

Отдельно для каждого типа (час. ночь, сутки) или общим списком?

4. Номер

Добавить поля: порядковый номер и номер http://prntscr.com/10qd85q

Отображается статус номера: опубликован, на модерации

Номера с квотами

5. Сотрудники

Возможность добавлять/удалять/редактировать сотрудников?

Редактирование: должность, телефон, ФИО, e-mail, пароль, кодовое слово

6. Модераторы

Возможность создавать/удалять/редактировать модераторов

Создание/редактирование: e-mail, пароль

При создании модератора ему на e-mail приходит пароль

Приложения 10

Просмотр приложений доступен только зарегистрированным пользователям.

дата онлайн рейтинг стоимость время выполнения

ставка скрыта фрилансером

Микита Болуде

Здравствуйте!
Заинтересовал ваш проект, готовы приступить к нему сегодня.
Почему стоит выбрать нас –
1. У нас большой опыт.
2. Всегда соблюдаем дедлайны.
3. Работаем на результат.
4. Оплата через сейф.
5. Предлагаем только современные решения.

… Мы сможем разработать для Вас такой сайт, который запомнится вашим клиентам и выделит Вас на фоне конкурентов.
Подробно познакомиться с компанией, с реализованными проектами и отзывами, можно в профиле.

Будем рады обсудить проект в ЛС.

4 апреля в 22:30

ставка скрыта фрилансером

Никита Ластивка

Здравствуйте, готов приступить к работе прямо сейчас. Сделаю быстро и качественно. По срокам и стоимости можем обсудить в ЛС. Пишите, буду рад сотрудничеству!

4 апреля в 22:35

ставка скрыта фрилансером

Виктор Юшин

Здравствуйте!
Могу поработать над Вашим проектом.
Показательная верстка https://golfstrimmar.github.io
Чистый бэм. Адаптив. pixel perfect. GRID , FLEX
приходилось верстать bitrix , верстать с рисунка, pixel-perfect, переделывать чужой код..
ипользую webpack/pug/sass. Натягиваю на wp. Использую в основном acf pro.
Примеры работ верстка+ wp:
https://splitdev.pro
https://new.j-uno.ru
… http://speremedin.kz

4 апреля в 22:59

Александр Исаеня

Здраствуйте!
Готов сделать верстку. Опыт работы 2 года.
На счет адаптива можем обсудить(готов сделать адаптивным, на цену и сроки не повлияет).
Буду рад помочь.

4 апреля в 23:00

ставка скрыта фрилансером

Дмитрий Кротенко

Здравствуйте, Андрей!
Ознакомился с изображениями макета - готов выполнить работу, я делал подобные работы, пример - http://largeformat.krotenko.xyz/profile/profile-home.html (для этой работы еще не делался бэкенд, поэтому не все кнопки работают).
Также делал верстку и личный кабинет для интернет-магазина https://dataprint.ua/
Буду рад сотрудничеству!
Мои другие работы:
Последняя - http://sinus.01a01.xyz/
Лендинг - https://polka-transformer.store/
Интернет-магазин с личным кабинетом - https://dataprint.ua/
http://largeformat.krotenko.xyz/home.html
… http://largeformat.krotenko.xyz/product.html
http://largeformat.krotenko.xyz/catalog.html
http://largeformat.krotenko.xyz/checkout.html
http://largeformat.krotenko.xyz/blog.html
http://largeformat.krotenko.xyz/template-article.html

5 апреля в 13:04

Дмитрий Ш.

3 1

Здравствуйте!
Ознакомился с ТЗ и готов приступить к работе.
Напишите в ЛС, обсубим детали.

Для удобства, я всегда на связи: telegram, WhatsApp, viber
Опыт в разработке сайтов более 4 лет.
Работаю на качество.
А так же, готов с Вами сотрудничать и в дальнейшем.

5 апреля в 05:58

Ulugbek Osmonov

Здравствуйте!
Меня зовут Улугбек.
Занимаюсь веб-программированием с 2019 года и имею большой опыт в данной сфере.
Точную сумму и сроки реализации проекта смогу назвать после того, как обговорим все детали проекта

Ваш сайт будет проходить скорость загрузки по версии Google Page Speed в зеленой зоне, что прекрасно сказывается на SEO продвижении. Работаю до полного утверждения и вношу правки даже после сдачи проекта. Я работаю как с предоплатой, так и без неё. Правки делаю совершенно бесплатно.

Готов обсудить задание в личной переписке.

5 апреля в 08:35

Сергій Доротич

32 3

Привіт Андей! зацікавив ваш проект, можем обговорити деталі якщо вас зацікавить моя кандидатура.
деякі мої роботи.

https://shevron23.ru/
https://matchbingo.co.uk/
http://idalgo-clinic.kg/
http://esen.group/
http://dconfilm.com
https://snapforms.com.au/
…
Більше робіт можете подивитись в портфоліо
або на https://web-shum.com.ua/portfolio.html

5 апреля в 09:09

Сергей Лифанов

Добрый день.
Готов обсудить Ваш проект и приступить к работе.
Большой опыт верстки сайтов разной сложности.

5 апреля в 11:11

Всеволод Овчинников

Добрый день! Хочу выполнить ваш проект.
С тз ознакомился, готов приступить в любое время.
+ Надеюсь поработать с вами после исполнения заказа. Могу натянуть вёрстку на CMS.

5 апреля в 13:33