TaskFlow - Modern Todo App

Aplikasi manajemen tugas modern yang dibangun dengan Next.js, TypeScript, dan Tailwind CSS.

• 📱 Responsive Design - Optimal di semua perangkat
• 🌙 Dark/Light Mode - Toggle tema sesuai preferensi
• 💾 Local Storage - Data tersimpan di browser
• 📊 Statistics - Lihat progress tugas Anda
• 🔍 Search & Filter - Cari dan filter tugas
• 📥 Export/Import - Backup dan restore data
• 🔔 Backup Reminder - Pengingat backup otomatis
• ✨ Smooth Animations - Animasi yang halus dengan Framer Motion
• 📦 PWA Support - Dapat di-install di perangkat Anda

• Next.js 14 - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Framer Motion - Animations
• next-pwa - Progressive Web App capabilities

1. Install dependencies:

npm install

2. Jalankan development server:

npm run dev

3. Buka http://localhost:3000/taskflow di browser Anda.

1. Push code ke GitHub repository Anda.
2. GitHub Actions akan otomatis build dan deploy aplikasi.
3. Di repository GitHub Anda, pergi ke Settings > Pages > Build and deployment > Source, dan pilih GitHub Actions.

├── app/
│ ├── layout.tsx # Root layout
│ ├── page.tsx # Home page
│ └── globals.css # Global styles
├── components/
│ ├── AddTodo.tsx # Form tambah tugas
│ ├── TodoItem.tsx # Item tugas
│ └── ... (dan komponen lainnya)
├── public/
│ ├── icons/ # Ikon untuk PWA
│ ├── manifest.json # PWA manifest file
│ └── .nojekyll # GitHub Pages config
├── types/
│ └── index.ts # TypeScript types
└── .github/
 └── workflows/
 └── deploy.yml # GitHub Actions workflow

• next.config.js - Konfigurasi Next.js (termasuk PWA dan static export)
• tailwind.config.js - Konfigurasi Tailwind CSS

MIT License