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

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

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

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

• Использование React hooks (useState);
• Рендеринг на клиенте ('use client');
• Typescript для типобезопасности;
• Tailwind для стилизации;
• Простое управление состоянием задач.

Требования

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

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

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

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

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

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

4. Открытие облачного порта

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

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

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

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

• app/page.tsx
  : Основная страница приложения
• types/Todo.ts
  : Компонент списка задач
• styles/globals.css
  : Глобальные стили

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

Лицензия

Universal Permissive License