Kitchen Space

Опубликовано в Веб-приложения

Сервис по предоставлению в аренду кухонных помещений.

Описание проекта

Kitchen Space - это сервис по предоставлению в аренду кухонных помещений с целью проведения там различных мероприятий, мастер-классов и т.д. Это своего рода “sharing” в сфере кухонь.

Клиенты, которые захотят воспользоваться сервисом, могут зайти на сайт и сделать заказ вида: нужно кухонное пространство на 2 часа 20 декабря с 10 до 12 часов, дополнительно нужен инвентарь духовка на час и сервис быстрой уборки.

Используемые технологии:

  • Back-end RESTfull API на PHP Laravel Framework 6.0;
  • Front-end на React.js 16.13.0;
  • БД MySQL.

Основной функционал системы:

  • Управление Заказами на аренду различных продуктов, сервисов, помещений и т.п.;
  • Управление Клиентами, которые совершают данные Заказы;
  • Управление ресурсами, товарами и материалами, которые также можно заказывать;
  • Управление Сотрудниками с возможностью управления их загрузкой и рабочим графиком;
  • Адаптивная версия для планшетов и смартфонов;

Уникальность проекта в том, что также и огромное количество других компаний смогут воспользоваться этим сервисом. Например, салон красоты, который может сделать аккаунт и внедрить себе на сайт форму заказа. Все заказы будут попадать в единую админ часть.

В рамках реализации проекта была проделана огромная работа по части UI/UX, результаты которой вы можете оценить ниже по скриншотам приложения.

Управление Заказами

Раздел управления Заказами выглядит следующим образом:

Для управления Заказами реализован следующий функционал:

  • Отображение списка Заказов в нескольких представлениях: Order data, Resources data, Invoice data;
  • Фильтр/Поиск записей в таблице по полям: Order ID, Created, Ordered by, Price, Last changes, Status;
  • Сортировка записей в таблице в порядке возрастания/убывания;
  • Добавление Заказов;
  • Редактирование Заказов;
  • Скачивание накладных;
  • Отмена Заказов;
  • Удаление Заказов;

Больше скриншотов можно увидеть тут:

  • 001-Orders-List-OrderData
  • 002-Orders-List-ResourcesData
  • 003-Orders-List-InvoicesData
  • 004-Orders-List-Menu
  • 005-Orders-List-DeleteConfirmation
  • 006-Orders-List-Filters

Управление Клиентами

Карточка Клиента имеет вид:

Для управления Клиентами был реализован следующий функционал:

  • Отображение списка Клиентов в виде таблицы;
  • Фильтр/Поиск записей в таблице по полям: First name, Surname;
  • Сортировка записей в таблице в порядке возрастания/убывания;
  • Добавление Клиентов;
  • Редактирование данных Клиентов: персональная информация, заказы, история изменений;
  • Удаление Клиентов;

Больше скриншотов можно увидеть тут:

  • 008-Customers-List
  • 010-Customer-Info
  • 011-Customer-Orders
  • 012-Customer-History
  • 013-Customer-Orders-Order
  • 014-Customer-Orders-Order-Booking

Авторизация

Вход в систему выглядит следующим образом:

Вот еще различные вариации:

  • 015-Sign in
  • 016-Sign up
  • 017-Sign in - wrong data

Управление Ресурсами

  • 019-Recources-Inventar-List
  • 020-Recources-Inventar-List-Empty
  • 021-Recources-Inventar-Item-Content
  • 022-Recources-Inventar-Item-Details
  • 023-Recources-Inventar-Item-Prices
  • 024-Recources-Spaces-List
  • 025-Recources-Spaces-Empty
  • 026-Recources-Services-List
  • 027-Recources-Services-Empty

Управление Сотрудниками

  • 028-Employees-TimeManagement
  • 029-Employees-List
  • 030-Employees-List-Empty
  • 031-Employees-Item-Information
  • 032-Employees-Item-Carear
  • 033-Employees-Item-TimeManagement

Профиль Пользователя

  • 034-Profile-FirstLogin
  • 035-Profile-Menu
  • 036-Profile-MainAddMenu
  • 037-Profile-Notifications
  • 038-Profile-CustomerAccount
  • 039-Profile-InvoicesData
  • 040-Profile-Roles
  • 041-Profile-PriceProfile
  • 042-Profile-DarkTheme

Кастомные фильтры

  • 044-Filters-Autocomplete
  • 045-Filters-Calendar
  • 046-Filters-Select
  • 047-Filters-Multiselect
  • 048-Filters-Range

Мобильная версия

Версия для планшета:

Версия для смартфона: