{"id":27093523,"url":"https://github.com/aria-hosseini/todo-list-","last_synced_at":"2026-05-08T10:32:28.755Z","repository":{"id":286311550,"uuid":"961029301","full_name":"Aria-Hosseini/TODO-List-","owner":"Aria-Hosseini","description":"A modern, responsive TODO list application with a beautiful glassmorphic UI design. Features include task management with priority levels, Persian calendar integration, drag-and-drop reordering, and local storage persistence. Built with React and Tailwind CSS, this application offers a seamless task management experience with full RTL support.","archived":false,"fork":false,"pushed_at":"2025-04-05T16:11:31.000Z","size":45,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-05T17:20:24.085Z","etag":null,"topics":["jalali-date-picker","javascript","react","reactjs","tailwindcss","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Aria-Hosseini.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-04-05T15:47:31.000Z","updated_at":"2025-04-05T16:14:39.000Z","dependencies_parsed_at":"2025-04-05T17:20:43.595Z","dependency_job_id":"19f9e004-013d-44eb-ba45-f811e1e76ea3","html_url":"https://github.com/Aria-Hosseini/TODO-List-","commit_stats":null,"previous_names":["aria-hosseini/todo-list-"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aria-Hosseini%2FTODO-List-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aria-Hosseini%2FTODO-List-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aria-Hosseini%2FTODO-List-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aria-Hosseini%2FTODO-List-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aria-Hosseini","download_url":"https://codeload.github.com/Aria-Hosseini/TODO-List-/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248109122,"owners_count":21049254,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jalali-date-picker","javascript","react","reactjs","tailwindcss","web"],"created_at":"2025-04-06T08:24:25.348Z","updated_at":"2026-05-08T10:32:28.714Z","avatar_url":"https://github.com/Aria-Hosseini.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TODO-List Application\n\nA modern, responsive TODO list application built with React and Tailwind CSS, featuring a beautiful glassmorphic UI design.\n\n## Features\n\n- **Task Management**: Create, edit, and delete tasks with ease\n- **Priority Levels**: Set priority levels for your tasks (Low, Medium, High)\n- **Persian Calendar**: Date selection using a Persian calendar\n- **Drag and Drop**: Reorder tasks using drag and drop functionality\n- **Local Storage**: Tasks are saved in your browser's local storage\n- **Responsive Design**: Works on desktop, tablet, and mobile devices\n- **Glassmorphic UI**: Modern, translucent design with blur effects\n- **RTL Support**: Full support for right-to-left languages\n\n## Technologies Used\n\n- **React**: Frontend library for building user interfaces\n- **Tailwind CSS**: Utility-first CSS framework\n- **React Beautiful DnD**: Drag and drop functionality\n- **React Multi Date Picker**: Date selection with Persian calendar support\n- **Local Storage API**: For persistent data storage\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v14 or higher)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n   ```\n   git clone https://github.com/Aria-Hosseini/TODO-List-.git\n   ```\n\n2. Navigate to the project directory:\n   ```\n   cd TODO-List-\n   ```\n\n3. Install dependencies:\n   ```\n   npm install\n   ```\n   or\n   ```\n   yarn install\n   ```\n\n4. Start the development server:\n   ```\n   npm start\n   ```\n   or\n   ```\n   yarn start\n   ```\n\n5. Open your browser and visit `http://localhost:3000`\n\n## Usage\n\n- **Add a Task**: Enter task details in the form and click the \"+\" button\n- **Set Priority**: Select a priority level from the dropdown menu\n- **Set Date**: Choose a date using the Persian calendar\n- **Complete Task**: Click on a task to mark it as completed\n- **Delete Task**: Click the delete icon to remove a task\n- **Reorder Tasks**: Drag and drop tasks to change their order\n\n## Project Structure\n\n```\nTODO-List-/\n├── public/\n├── src/\n│   ├── components/\n│   │   ├── DeleteConfirmModal.jsx\n│   │   ├── Footer.jsx\n│   │   ├── Header.jsx\n│   │   ├── TodoForm.jsx\n│   │   └── Todolist.jsx\n│   ├── styles/\n│   │   └── AnimatedBackground.css\n│   ├── App.jsx\n│   └── main.jsx\n├── .env\n├── .gitignore\n├── package.json\n└── README.md\n```\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## Acknowledgments\n\n- [React](https://reactjs.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [React Beautiful DnD](https://github.com/atlassian/react-beautiful-dnd)\n- [React Multi Date Picker](https://github.com/shahabyazdi/react-multi-date-picker)\n\n---\n\n# برنامه لیست کارها\n\nیک برنامه مدرن و واکنش‌گرا برای مدیریت لیست کارها که با React و Tailwind CSS ساخته شده و دارای طراحی زیبای شیشه‌ای (Glassmorphic) است.\n\n## ویژگی‌ها\n\n- **مدیریت کارها**: ایجاد، ویرایش و حذف کارها به راحتی\n- **سطوح اولویت**: تعیین سطوح اولویت برای کارها (کم، متوسط، زیاد)\n- **تقویم شمسی**: انتخاب تاریخ با استفاده از تقویم شمسی\n- **کشیدن و رها کردن**: تغییر ترتیب کارها با استفاده از قابلیت کشیدن و رها کردن\n- **ذخیره‌سازی محلی**: ذخیره کارها در حافظه محلی مرورگر\n- **طراحی واکنش‌گرا**: کار در دستگاه‌های رومیزی، تبلت و موبایل\n- **رابط کاربری شیشه‌ای**: طراحی مدرن و نیمه‌شفاف با افکت‌های محو\n- **پشتیبانی از RTL**: پشتیبانی کامل از زبان‌های راست به چپ\n\n## فناوری‌های استفاده شده\n\n- **React**: کتابخانه فرانت‌اند برای ساخت رابط‌های کاربری\n- **Tailwind CSS**: فریم‌ورک CSS با رویکرد utility-first\n- **React Beautiful DnD**: قابلیت کشیدن و رها کردن\n- **React Multi Date Picker**: انتخاب تاریخ با پشتیبانی از تقویم شمسی\n- **Local Storage API**: برای ذخیره‌سازی دائمی داده‌ها\n\n## شروع کار\n\n### پیش‌نیازها\n\n- Node.js (نسخه ۱۴ یا بالاتر)\n- npm یا yarn\n\n### نصب\n\n۱. کلون کردن مخزن:\n   ```\n   git clone https://github.com/Aria-Hosseini/TODO-List-.git\n   ```\n\n۲. رفتن به پوشه پروژه:\n   ```\n   cd TODO-List-\n   ```\n\n۳. نصب وابستگی‌ها:\n   ```\n   npm install\n   ```\n   یا\n   ```\n   yarn install\n   ```\n\n۴. اجرای سرور توسعه:\n   ```\n   npm start\n   ```\n   یا\n   ```\n   yarn start\n   ```\n\n۵. باز کردن مرورگر و رفتن به آدرس `http://localhost:3000`\n\n## نحوه استفاده\n\n- **افزودن کار**: وارد کردن جزئیات کار در فرم و کلیک روی دکمه \"+\"\n- **تنظیم اولویت**: انتخاب سطح اولویت از منوی کشویی\n- **تنظیم تاریخ**: انتخاب تاریخ با استفاده از تقویم شمسی\n- **تکمیل کار**: کلیک روی یک کار برای علامت‌گذاری به عنوان تکمیل شده\n- **حذف کار**: کلیک روی آیکون حذف برای حذف یک کار\n- **تغییر ترتیب کارها**: کشیدن و رها کردن کارها برای تغییر ترتیب آنها\n\n## ساختار پروژه\n\n```\nTODO-List-/\n├── public/\n├── src/\n│   ├── components/\n│   │   ├── DeleteConfirmModal.jsx\n│   │   ├── Footer.jsx\n│   │   ├── Header.jsx\n│   │   ├── TodoForm.jsx\n│   │   └── Todolist.jsx\n│   ├── styles/\n│   │   └── AnimatedBackground.css\n│   ├── App.jsx\n│   └── main.jsx\n├── .env\n├── .gitignore\n├── package.json\n└── README.md\n```\n\n## مشارکت\n\nمشارکت‌ها مورد استقبال قرار می‌گیرند! لطفاً آزادانه یک Pull Request ارسال کنید.\n\n## مجوز\n\nاین پروژه تحت مجوز MIT مجوزدهی شده است - برای جزئیات به فایل LICENSE مراجعه کنید.\n\n## قدردانی‌ها\n\n- [React](https://reactjs.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [React Beautiful DnD](https://github.com/atlassian/react-beautiful-dnd)\n- [React Multi Date Picker](https://github.com/shahabyazdi/react-multi-date-picker)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faria-hosseini%2Ftodo-list-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faria-hosseini%2Ftodo-list-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faria-hosseini%2Ftodo-list-/lists"}