Современный веб-сайт на Python Django с адаптивным дизайном

Инструкции и руководства

🏋️‍♂️ Руководство пользователя Fitness Tracker Pro

Добро пожаловать в Fitness Tracker Pro — ваше персональное веб-приложение для отслеживания тренировок, питания и общего физического прогресса.

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

📱 Навигация по приложению

Приложение разделено на 6 основных разделов (вкладок). На компьютере они находятся под главным баннером, а на мобильных устройствах — в нижнем навигационном меню.

1. 🏠 Главная (Dashboard)

Это ваша панель управления, где собрана самая важная информация за день.

  • Быстрая статистика: Вверху отображаются сожженные калории, активные минуты, выпитая вода и ваша серия дней без пропусков (streak).

  • Последние активности: Список ваших недавно добавленных тренировок.

  • Трекер воды: Нажмите на стаканчик 💧, чтобы отметить его как выпитый. Ваша дневная цель — 8 стаканов (около 2 литров). Данные сбрасываются каждый новый день.

2. 🏃 Тренировки

Здесь вы можете записывать свои произвольные активности.

  • Добавить тренировку: 1. Выберите тип активности (Кардио, Силовая, Йога и т.д.). 2. Укажите время в минутах. 3. Калории: Вы можете ввести их вручную или оставить поле пустым — приложение автоматически рассчитает примерное значение (около 7 ккал за 1 минуту). 4. Заметки: Напишите, как прошла тренировка (необязательно). 5. Нажмите «Сохранить».

  • История: Ниже отображается лента всех ваших тренировок. Вы можете удалить ошибочную запись, нажав на иконку корзины 🗑️.

3. 📖 Дневник (Программы тренировок)

Этот раздел содержит готовые планы тренировок с расписанием по дням.

  • Выбор программы: Нажмите на одну из карточек вверху: «На силу», «На массу» или «На рельеф».

  • План на неделю: Выберите текущий день (от 1 до 7).

  • Выполнение упражнений: * В списке упражнений указано рекомендуемое количество подходов (П) и повторений (Р).

    • Ввод веса: В поле «Вес» вы можете записать рабочий вес (в кг), который использовали сегодня. Приложение запомнит его для этого дня!

    • Отмечайте выполненные упражнения нажатием на кружок с галочкой ✔️.

    • Когда вы отметите все упражнения за день, приложение поздравит вас с успешным завершением тренировки.

4. 🧮 Расчёты (Калькуляторы)

Встроенные инструменты для контроля за своим телом.

  • Индекс массы тела (BMI): Введите свой рост и вес, чтобы узнать, находится ли ваш вес в пределах нормы.

  • Калории в день: Калькулятор суточной потребности в калориях по формуле Миффлина-Сан Жеора. Заполните все поля (пол, возраст, рост, вес, уровень активности), и система покажет вашу базу для поддержания веса, а также сколько нужно есть для похудения или набора массы.

5. 📈 Прогресс

Следите за тем, как вы двигаетесь к своим целям.

  • Активность (7 дней): Динамический график, который показывает, сколько минут вы тренировались каждый из последних семи дней. Он обновляется автоматически при добавлении новых тренировок.

  • Ваши цели: Полосы прогресса по глобальным целям (например, провести 10 часов за тренировками или сжечь 10 000 ккал).

6. 🏆 Достижения (Зал Славы)

Геймификация вашего фитнес-пути! Выполняйте определенные условия (например, потренируйтесь 10 раз или выпейте норму воды), чтобы разблокировать цветные значки достижений.

  • Неразблокированные достижения отображаются серым цветом.

⚙️ Управление данными (Настройки)

Приложение сохраняет все данные прямо в вашем браузере (в localStorage).

В правом верхнем углу (в шапке приложения) есть две важные кнопки:

  1. Сброс (круговая стрелка): Полностью удаляет все ваши данные и возвращает приложение к заводским настройкам (с добавлением пары демо-тренировок). Используйте с осторожностью!

  2. Настройки (шестеренка): Открывает меню управления файлами.

    • Экспорт данных (JSON): Скачивает файл со всем вашим прогрессом на компьютер или телефон. Идеально для резервного копирования.

    • Импорт данных: Позволяет загрузить ранее скачанный .json файл. Удобно, если вы хотите перенести свои данные с телефона на компьютер или восстановить их после очистки браузера.

Желаем удачи на пути к идеальной форме! 💪

Технические параметры

  • Визуал (Фото): Использованы красивые фотографии из базы Unsplash для шапки профиля, программ в Дневнике и списка тренировок. Они подгружаются автоматически.

  • Динамический график: Функция renderDynamicChart() теперь вычисляет и рисует график за последние 7 дней на основе реальных тренировок, которые вы внесли.

  • Функционал дневника: Добавлен ввод "Вес". Вы можете ввести рабочий вес гантелей/штанги, и он сохранится в базу данных (diaryData.weights). В следующий раз, когда вы откроете этот день, ваш сохраненный вес будет на месте.

  • Резервные копии: Добавлена работающая кнопка с шестеренкой сверху. Она открывает стильное модальное окно, откуда можно скачать JSON со всеми вашими данными (Экспорт) или загрузить его обратно (Импорт).

  • Дизайн: Обновлена цветовая палитра на более премиальную с использованием Glassmorphism (эффект прозрачного стекла) для навигации и контейнеров поверх фотографий.

Fitness Tracker Pro Твой личный тренер

Приложение
Статус Завершен
Запуск 17.04.2026
Категория Приложение

Задействованные ресурсы

Вот основные изменения и добавленный функционал:

  1. Фотореалистичные изображения: Добавлен красивый главный баннер и фото-миниатюры для каждого типа тренировки (кардио, силовая, йога и т.д.), загружаемые с Unsplash в высоком качестве.

  2. Динамический график прогресса: Теперь график на вкладке «Прогресс» не статичный, а реально отображает вашу активность (в минутах) за последние 7 дней на основе добавленных тренировок.

  3. Сохранение рабочих весов: Во вкладке «Дневник» теперь можно вписывать вес для каждого упражнения, и приложение его запомнит для этой конкретной тренировки.

  4. Меню настроек (Экспорт/Импорт): Кнопка настроек в шапке теперь открывает модальное окно, где можно сохранить резервную копию всех своих данных (скачать JSON файл) или загрузить их обратно.

  5. Улучшенный визуал: Добавлен эффект матового стекла (glassmorphism) для некоторых элементов, улучшены тени и контрастность.

Тарифы и стоимость

Генератор тренировок: Вы описываете желаемую тренировку в свободной форме (например: "Хочу тренировку на пресс на 15 минут дома без инвентаря"), а искусственный интеллект формирует для вас структурированный план (с разминкой, упражнениями и заминкой). Анализ прогресса: ИИ собирает ваши данные (историю тренировок, стрик, выпитую воду за день) и выдает персонализированный мотивационный отчет, хваля за успехи и давая советы по улучшению режима.

15 000 ₽

Готовы масштабировать ваш бизнес?

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

AI Assistant

AI Ассистент

Онлайн

Мы используем cookie-файлы для улучшения функционала нашего сайта и предоставления вам наилучшего опыта взаимодействия. Продолжая пользоваться нашим сайтом, вы соглашаетесь с нашей Политикой использования cookie.