matusvit / schedule Goto Github PK

Schedule — приложение, помогающее получать актуальную информацию о занятиях и заданиях курсов RS School.

Данное расписание предназчено для студентов и менторов RS School.

В приложении присутствует разделение на роли — студенты и менторы — которым доступны свои собственные возможности.

Ментор в праве изменять существующие занятия и создавать новые.

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

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

Реализовано переключение между часовыми поясами с помощью Moment Timezone.

Создано три вида расписания:

1. Таблица.
2. Список.
3. Календарь.

Изменение вида расписания производится по нажатию на соответсвующую иконку.

Реализован экран ошибки приложения с описанием возникшей проблемы.

Возможность изменять фоновый цвет для разных типов занятий или заданий на кастомный.

При зажатой клавише Shift можно выбрать несколько рядов таблицы и в последующем скрыть.

Благодаря Reselect создана фильтрация расписания по типам задания, а также возможность скрывать или отображать задания. Данный функционал доступен как в табличном, так и в списочном формате расписания.

Наличие информативного окна описания задания, содержащее в себе тип задания, скриншот, место проведения, аватарку и ник гитхаб-аккаунта организатора, краткое описание, материалы к заданию, время проведения, дедлайн. Отображение данных пунктов зависит от того, являются ли заполненными данные поля.

Возможность указывать дату дедлайна по нажатию на чекбокс, если при создании или редактировании задания выбран тип Task или Optional task.

Имеется возможность экспорта расписания в Google Календарь.

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

Наличие Preview mode, позволяющий ознакомиться с тем, как будет располагаться добавляемое занятие или задание в текущем формате отображения расписания.

Реализована адаптивность для возможности просмотра расписания на любом устройстве (320px+).

Дизайн приложения сочетается с оформлением RS App, что достигнуто благодаря использованию Ant Design.

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

Концепция продукта «Schedule RS School».

Макет в Figma.

Для того, чтобы установить все необходимые зависимости для успешного запуска приложения, следует выполнить следующие шаги:

1. Склонировать репозиторий на свой ПК.
2. Убедиться, что у Вас установлена акутальная версия Node.
3. Ввести в терминале следующую команду:

$ npm install

4. Убедитесь, что все зависимости были установлены корректно.

После успешной установки всех необходимых зависимостей, введите в терминал следующую команду:

$ npm run start

Если требуется собрать проект в продакшн, то воспользуйтесь данной командой:

$ npm run build

• React
• Redux
• React Redux
• Ant Design
• Moment Timezone
• Mapbox
• Google Maps
• Webpack
• Reselect

Демо доступно по данной ссылке.