Skip to content

Ka4aH4uk/pro-fit-tracker-layout-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Creating an interface for the ProFitTrackerApp training application based on a layout from Sketch using 100% UIKit. While writing the application, specific solutions were demonstrated without the need to use third-party frameworks, only using native tools. These skills will come in handy as frameworks may no longer be supported or may contain critical vulnerabilities for the program.


ProFitTracker Layout App

Описание

Создание интерфейса для приложения тренировок ProFitTrackerApp, основанного на макете из Sketch с небольшими изменениями в дизайне. При разработке был использован 100% UIKit без привлечения сторонних фреймворков. Этот подход обеспечивает устойчивость приложения и избегает зависимости от сторонних библиотек, что важно для долгосрочной поддержки.

Review

Технологии

Основной используемый стек в этом проекте:

  • UIKit: Основной инструмент для построения интерфейса.
  • UITabBarController, UINavigationController: Использованы для навигации между разделами и создания иерархии контроллеров.
  • UICollectionView, UICollectionReusableView, UICollectionViewCell: Использованы для создания гибкого и настраиваемого интерфейса списка тренировок и их группировки по дням.
  • UIBezierPath: Инструмент для создания таймера и графиков.

Кастомные элементы

Разработано несколько кастомных элементов интерфейса, таких как:

  • OverviewNavBar: Специально разработанный навигационный бар для обзора тренировок. Включает в себя заголовок, кнопки для просмотра всех тренировок и добавления новой, а также планировщик недели.
  • Таймер обратного отсчета: Создан специальный таймер, имеющий уникальный внешний вид, отличный от традиционного таймера. Это делает его более привлекательным и удобным для использования в контексте тренировок.
  • Графики: Приложение включает в себя линейный и столбчатый графики для иллюстрации прогресса тренировки и статистики. Реализованы с использованием стандартных компонентов UIKit.

Дизайн из Sketch

Дизайн этого приложения основан на макете Sketch, который можно найти по этой ссылке.


Демонстрация работы приложения:

default.mp4