GigaIDE: Список задач (Angular)

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

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

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

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

• Standalone-компоненты по умолчанию (Angular 17);
• Компонентная структура;
• Интерфейсы на TypeScript;
• Байндинг свойств;
• Работа с событиями;
• Стилизация на уровне компонента.

Требования

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

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

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

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

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

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

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

После запуска приложения через терминал или с помощью отладчика откройте вкладку "Облачные порты" в нижней панели. В списке активных портов найдите порт 4200 и нажмите кнопку "Опубликовать". После успешной публикации появится всплывающее окно с предложением перейти на публичный адрес нового порта, он будет иметь вид:

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

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

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

• app/todo-list
  : Директория с файлами компонента
  todo-list
• todo.model.ts
  : Модель для элементов списка;
• app.component.ts
  : Место внедрения
  TodoListComponent
  .

Сборка для продакшена

Собранные артефакты можно будет найти в директории

Лицензия

Universal Permissive License