Доработка приложения Teacher Planner

Доработка веб-приложения для планирования занятий: правки интерфейса и интеграция с API, стили SCSS, структура календаря, страница деталей ученика, модалки создания и удаления уроков, модалка пробного занятия, приведение вёрстки к pixel perfect по макету.
Главное изображение проекта

Превью проекта

Здесь представлены ключевые визуальные материалы, иллюстрирующие этапы и результаты разработки данного проекта.

Компьютер

Телефон

Недельный календарь

Скриншот проекта

Календарь с перерывами

Скриншот проекта

Детали ученика

Скриншот проекта

Пробное занятие

Скриншот проекта

Простое занятие

Скриншот проекта

Управление занятием

Скриншот проекта

О проекте

Teacher Planner — приложение для планирования занятий. В рамках доработок выполнены правки интерфейса и API, стилей SCSS, структуры календаря, страницы деталей ученика, модалок создания/удаления уроков и пробного занятия, а также приведение вёрстки к pixel perfect.

Цель проекта

Основная цель проекта - создание современного адаптивного интерфейса, который обеспечивает:

  • Правки интерфейса и привязка API
  • Стили SCSS и pixel perfect вёрстка
  • Структура календаря (недельный, перерывы)
  • Страница деталей ученика
  • Модалки создания, удаления и пробного занятия
  • Согласованность с дизайн-макетом

Шаги запуска проекта

Процесс запуска проекта включал следующие ключевые этапы:

  • Правки по интерфейсу и привязке API
  • Правки по стилям SCSS
  • Правки по структуре календаря
  • Правка страницы деталей об ученике
  • Правки модалок создания и удаления уроков
  • Модалка пробного занятия
  • Правки вёрстки под pixel perfect с дизайном
  • Проверка и тестирование

Результат проекта

Выполнены доработки приложения: приведены в порядок интерфейс и интеграция с API, обновлены стили SCSS, доработана структура календаря и страница деталей ученика, обновлены модалки уроков и пробного занятия, вёрстка приведена к pixel perfect по дизайну.