Галерея работ

Таймменеджер

Разработка сайтов
Многие люди сталкиваются с трудностью организации своего времени и быстрым забыванием дел. Мой проект, может помочь решить эту проблему. Предлагая адаптивное веб-приложения-календаря, аналогичного Google Calendar, с возможностью управления событиями (создание, отображение и удаление), используя практический опыт в разработке пользовательского интерфейса, работе с датами, взаимодействии с DOM и хранение данных в localStorage.

Описание проекта
Проект представляет собой простой, но функциональный клон Google Calendar, созданный с использованием HTML, CSS и JavaScript без сторонних библиотек и фреймворков. Приложение позволяет пользователю:
•Просматривать календарь по неделям
•Добавлять события с указанием даты и времени начала и окончания;
•Отображать события в виде визуального расписания;
•Создавать события, продолжающиеся несколько дней;
•Удалять события

Календарь подходит как для учебных целей, так и в качестве основы для более сложного планировщика.

Этапы работы
  1. Придумать идею с какой либо проблемой для решения.
  2. Проектирование структуры интерфейса.
  3. Реализация отображения календаря.
  4. Визуализация событий.
  5. Хранение и удаление данных.
  6. Финальные доработки и адаптация.
Итоги
•Разработан полнофункциональный недельный календарь с возможностью управления событиями.
•Получены практические навыки работы с DOM, событиями JavaScript.
•Освоена адаптивная верстка с использованием CSS Grid.
•Реализована логика отображения многодневных событий.
•Проект не использует фреймворки, что позволяет лучше понять основной принцип веб-разработки.