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

Напоминалка

Реализуйте напоминалку о делах.

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

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

  • Регистрация и авторизация пользователей.
  • Список дел с названием и датой.
  • Создание, редактирование и удаление дел (AJAX).
  • Главная страница с напоминаниями о делах, до даты которых осталось 3 и менее дней.
  • Стилизация напоминаний в зависимости от количества оставшихся дней.
  • Кнопка "Отложить" - напоминание пропадает на текущий день (AJAX).
  • Кнопка "Сделано" - дело отмечается как выполненное (AJAX).
  • Каждый пользователь видит только свои дела.

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

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

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

Управление делами (AJAX)

На странице управления делами должна быть таблица со списком всех дел пользователя. Каждое дело должно содержать:

  • Название дела.
  • Дата дела.
  • Статус (активное, выполнено).
  • Кнопки: редактировать, удалить.

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

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

  • Название дела (инпут).
  • Дата (инпут date).
  • Кнопка "Добавить дело".

Главная страница (напоминания)

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

Стилизация напоминаний

Стиль напоминания изменяется в зависимости от количества дней, оставшихся до даты:

  • 3 дня - желтый цвет.
  • 2 дня - оранжевый цвет.
  • 1 день - красный цвет.
  • 0 дней (сегодня) - красный цвет с миганием.

Кнопка "Отложить" (AJAX)

У каждого напоминания должна быть кнопка "Отложить". При нажатии на эту кнопку напоминание пропадает на текущий день (не показывается до следующего дня). Если на следующий день срок все еще не истек, напоминание появляется снова.

Кнопка "Сделано" (AJAX)

У каждого напоминания должна быть кнопка "Сделано". При нажатии на эту кнопку дело отмечается как выполненное, напоминание исчезает. В таблице дел статус дела меняется на "Выполнено".

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

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

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

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

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