Code Monkey home page Code Monkey logo

pro-fit-tracker-layout-app's Introduction

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

pro-fit-tracker-layout-app's People

Contributors

ka4ah4uk avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.