Plan It

Мобильное приложение для заметок и задач с бесконечной вложенностью папок. Организуйте информацию как дерево: темы (папки) любой глубины, заметки и задачи внутри них, а важные папки закрепляйте как вкладки для быстрого доступа.

📸 Галерея

Управление темами и вкладками

Главный экран с корневыми темами (свернуты), меню управления вкладкой и пример закрепленных табов на верхней панели

---

Демонстрация вложенности

Проект «Ремонт» с глубиной вложенности 3 уровня и рабочие проекты со смешанным контентом: папки, заметки и задачи

---

Работа с контентом

Редактор заметок с заголовком и многострочным содержанием, а также редактор задач с возможностью отметить выполненное

---

✨ Особенности приложения

• 📂 Бесконечная рекурсия — папки внутри папок любой глубины
• 📋 Гибридные списки — заметки и задачи могут находиться рядом внутри любой папки
• 📌 Динамические вкладки (Tabs) — закрепляйте важные папки на верхней панели
• 🏠 Особый корень "All" — на главном экране создаются только папки-темы (никаких заметок/задач)
• ✏️ Редактор заметок — заголовок и полноэкранное редактирование с автосохранением
• ✅ Задачи с чекбоксами — отмечайте выполненное
• 📱 Нативная производительность — SQLite для локального хранения

---

🚀 Быстрый старт

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

npm install

или

yarn install

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

npm start

Запуск с очисткой кэша

npm run start:clear

После запуска откроется меню Expo, где вы можете:

• Нажать a для запуска на Android эмуляторе/устройстве
• Нажать i для запуска на iOS симуляторе/устройстве
• Нажать w для запуска в веб-браузере
• Отсканировать QR-код в приложении Expo Go

Сборка для платформ

npm run android    # Android
npm run ios        # iOS
npm run web        # Web

---

📱 Технологии

• React Native 0.81.5
• Expo ~54.0.0
• Expo Router ~6.0.23 (файловая маршрутизация)
• SQLite (expo-sqlite) для локального хранения
• TypeScript для типизации
• React 19.1.0

---

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

PlanIt/
├── app/              # Экранные компоненты (Expo Router)
├── src/              # Исходный код
│   ├── components/   # React компоненты
│   ├── database/     # Работа с БД
│   ├── hooks/        # Кастомные хуки
│   └── types/        # TypeScript типы
├── docs/             # Документация и скриншоты
│   └── screenshots/  # PNG изображения
└── assets/           # Иконки и изображения

---

📚 Документация

Подробная документация находится в папке docs/:

• Архитектура проекта
• Структура базы данных
• Компоненты
• API и сервисы

---

🛠️ Разработка

Линтинг и форматирование

npm run lint         # Проверка кода
npm run lint:fix     # Автоисправление ошибок

---

📝 Лицензия

0BSD — делайте что хотите с этим кодом

---

👤 Автор

tatyana000