GigaIDE: Список задач (Node.js)

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

Простое веб-приложение для управления списком задач с использованием Node.js и JavaScript. Приложение позволяет отмечать задачи как выполненные с эффектом зачеркивания.

Популярные фреймворки, например, Angular или Next.js, в этом примере не используются.

Технологические особенности

Обратите внимание на особенности запуска и предпросмотра. Они описываются ниже в этом файле. Если запускать приложение неправильно, приложение будет отображать пустую белую страницу.

• Чистая Node.js без дополнительных фреймворков;
• Чистый JavaScript, без TypeScript и других популярных улучшений;
• JSON API для управления задачами;
• Простое управление состоянием;
• Рендеринг на клиенте.

Требования

• Node.js (протестировано на версии v22.11.0 LTS);
• npm или yarn.

Установка и запуск

1. Клонирование репозитория

При разработке на GitVerse, вам достаточно открыть репозиторий в GIGA IDE Cloud. Не нужно делать никаких дополнительных действий для клонирования репозитория или настройки имени пользователя.

2. Установка зависимостей

npm install

3. Запуск в режиме разработки

npm start

4. Открытие приложения

Для разработки на GitVerse, перейдите по адресу:

Нюансы

КРАЙНЕ ВАЖНО: в самом конце URL обязан присутствовать прямой слеш (/). Иначе на экране будет отображаться пустая белая страница.

Чтобы в GIGA IDE Cloud можно было посмотреть на запущенное приложение, вам нужно выполнить два магических шага: в index.html вам нужно указать

, а все команды типа

fetch

- должны использовать относительные адреса (

fetch('./todos')

);

Функциональность

• Отображение списка задач с возможностью отметки;
• Зачеркивание выполненных задач.

Структура проекта

• server.js
  : Обработка API задач;
• public/index.html
  : Вызов API и отображение задач.

Лицензия

Universal Permissive License