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. Установка зависимостей

npm install

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

npm run dev

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

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

Нюансы

Обратите внимание, что этот путь (

) прописан в файле конфигурации,

next.config.js

. Это сделано для упрощения проекта-примера. В реальном приложении, необходимо написать более гибкий файл конфигурации, который будет учитывать запуск приложения в разных контекстах.

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

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

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

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

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

npm run build

Лицензия

Universal Permissive License