A beautiful Persian (RTL) To-Do app with drag & drop, session management, dual themes, and backup/restore.
- ✅ Add tasks with title, description, and category tags
- ✅ Categorize tasks (Personal, Work, Urgent)
- ✅ Mark tasks as completed with animation
- ✅ Pin important tasks to top
- ✅ Subtasks support (add, complete, delete)
- ✅ Drag & drop to reorder tasks
- ✅ Live search and filter (All, Active, Completed)
- ✅ Dark and Achaemenid themes with harmonious colors
- ✅ Daily Persian quotes from famous poets
- ✅ Session storage info panel (size + item count)
- ✅ Clear all tasks with confirmation modal
- ✅ Backup tasks as JSON file
- ✅ Restore tasks from backup file
- ✅ Undo delete with 5-second timeout
- ✅ Smooth GSAP animations throughout
- ✅ Fully responsive design
- ✅ RTL Persian layout with Vazirmatn font
- ✅ Custom scrollbar styling
| Tech | Usage |
|---|---|
| HTML5 | Structure |
| TailwindCSS | Utility-first styling |
| jQuery 3.7.1 | DOM manipulation |
| GSAP 3.12.5 | Smooth animations |
| Bootstrap Icons 1.11.3 | Icon set |
| Vazirmatn (Google Fonts) | Persian typography |
| sessionStorage | Data persistence |
Clone or download, then open index.html in any modern browser. No build tools or installation required.
git clone <repo-url>
cd farmaan
open index.htmlOr simply double-click
index.htmlafter downloading.
Deep navy-purple background with gold accents, cream text for eye comfort.
Warm paper-like background with imperial blue and persian gold, inspired by ancient Persia.
| Browser | Support |
|---|---|
| Chrome | Latest |
| Firefox | Latest |
| Safari | Latest |
| Edge | Latest |
| Mobile Browsers | Responsive |
- Tasks are saved in
sessionStorageand persist only while the browser tab is open. - Use the backup feature to save tasks permanently as a JSON file.
- The app is fully client-side with no server dependencies.
MIT © farmaan