Skip to content

CrabF/momentum

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Momentum

🎯 Описание проекта

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

🧩 Требования

📍 Блок погоды

  • Город: текстовое поле для ввода города.
  • Температура: отображается текущая температура.
  • Тип погоды: например, дождь, солнце, снег или облачно.

Функционал:

  • Геолокация через Geolocation API с городом по умолчанию — Краснодар.
  • Для получения прогноза используется API погоды.
  • Данные о погоде обновляются каждый час.

🖼️ Блок слайдера изображений на фоне

  • Смена обоев в зависимости от времени суток.

Функционал:

  • 4 изображения, соответствующие разным временам дня - автоматически сменяются:
    • 00:00 - 06:00
    • 06:00 - 12:00
    • 12:00 - 18:00
    • 18:00 - 00:00

🕒 Блок времени и даты

  • Время: отображается в формате hh:mm:ss.
  • Дата: отображается текущий день и день недели, например: 09 сентября, понедельник.

Функционал:

  • Время обновляется каждую секунду.
  • Используется текущий часовой пояс.

✅ Блок задач

  • Добавление задач: поле для ввода новой задачи.
  • Список задач: задачи с чекбоксами и кнопкой для удаления.
  • Удаление выполненных задач: кнопка для удаления всех выполненных задач.

Функционал:

  • Задачи можно добавлять, нажав Enter.
  • Ошибка появляется при пустом поле для ввода.
  • Задачи можно удалить через кнопку.
  • Задачи можно пометить как выполненные с помощью чекбокса.

🛠️ Технологии

  • HTML: структура приложения.
  • CSS: стилизация.
  • JavaScript: логика работы приложения.
  • LocalStorage: для хранения города.
  • Geolocation API: для определения местоположения.
  • Weather API: для получения прогноза погоды.

💻 Технические требования

  • Только Desktop версия!
  • Поддержка Google Chrome последней версии.
  • Без использования jQuery, внешних JS-библиотек и фреймворков.

🚀 Как запустить проект

  1. Склонировать репозиторий:
    git clone git@github.com:CrabF/digitalSector.git
    
  2. Откройте index.html в браузере.

👀 Просмотр проекта

Проект размещен здесь

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published