РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
34 of 77 menu

Органайзер на неделю

Реализуйте органайзер, с помощью которого можно планировать дела на текущую неделю.

Продумайте структуру базы данных для хранения пользователей и дел. Реализуйте регистрацию и авторизацию пользователей. Настройте серверную часть для работы с API. Все операции должны выполняться через AJAX-запросы без перезагрузки страницы.

Основные возможности проекта

  • Регистрация и авторизация пользователей.
  • 7 блоков дней недели с названиями дней.
  • Список дел в каждом дне в виде чеклиста.
  • Добавление, редактирование, удаление дел (AJAX).
  • Отметка дел выполненными (AJAX).
  • Выделение текущего дня отдельным стилем.
  • Переключение недель вперед и назад.
  • Каждый пользователь видит только свои дела.

Регистрация и авторизация

На сайте должна быть реализована регистрация и авторизация пользователей:

  • Регистрация - форма с полями: логин, email, пароль.
  • Авторизация - форма с полями: логин, пароль.
  • Каждый пользователь видит только свои дела.

Главная страница

На странице должны быть размещены:

  • Заголовок с указанием текущей недели (диапазон дат).
  • Стрелки навигации: "◄" (предыдущая неделя) и "►" (следующая неделя).
  • 7 блоков дней недели (понедельник, вторник, среда, четверг, пятница, суббота, воскресенье).

Блоки дней

Каждый блок дня должен содержать:

  • Название дня недели.
  • Дату (число и месяц).
  • Список дел на этот день (чеклист).
  • Кнопку "Добавить дело".

Блок текущего дня выделен отдельным стилем (цветной фон, рамка).

Список дел (чеклист)

В каждом блоке список дел отображается в виде чеклиста. Каждое дело должно содержать:

  • Чекбокс для отметки выполненным.
  • Текст дела (название).
  • Кнопки: редактировать, удалить.

При отметке чекбокса дело меняет стиль (перечеркивается, становится серым) через AJAX.

Добавление дела (AJAX)

В каждом блоке при нажатии на кнопку "Добавить дело" появляется поле для ввода текста дела. После ввода и нажатия Enter или кнопки "Сохранить" новое дело добавляется в конец списка текущего дня через AJAX.

Редактирование дела (AJAX)

При нажатии на кнопку "Редактировать" текст дела становится редактируемым (заменяется на инпут с текущим текстом). После нажатия Enter или потери фокуса текст обновляется через AJAX.

Удаление дела (AJAX)

При нажатии на кнопку "Удалить" появляется подтверждение (confirm), после чего дело удаляется через AJAX.

Отметка дела выполненным (AJAX)

При нажатии на чекбокс дело помечается как выполненное через AJAX. Визуально дело меняет стиль (перечеркивание, изменение цвета). Повторное нажатие возвращает дело в активное состояние.

Переключение недель (AJAX)

По умолчанию открывается текущая неделя. При нажатии на стрелку "►" отображается следующая неделя, при нажатии на "◄" - предыдущая. Названия дней и даты обновляются соответственно. Списки дел загружаются для выбранной недели через AJAX.

Взаимодействие с сервером

Все операции выполняются через AJAX-запросы:

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

Дополнительные возможности

  • Кнопка "Сегодня" для быстрого возврата к текущей неделе.
  • Подсчет количества дел в каждом дне.
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить