{"id":25290424,"url":"https://github.com/abshar777/task-manger","last_synced_at":"2026-04-03T23:37:11.790Z","repository":{"id":258495007,"uuid":"872815365","full_name":"Abshar777/task-manger","owner":"Abshar777","description":"This project is an advanced to-do list application with seamless drag-and-drop functionality, powered by Dnd Kit, and a fully integrated calendar experience similar to Google Calendar. It features:","archived":false,"fork":false,"pushed_at":"2024-10-25T06:09:44.000Z","size":1744,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-13T00:28:36.594Z","etag":null,"topics":["dnd-kit","drag-and-drop","expressjs","firebase-auth","framer-motion","frontend","google-authentication","gsap","jwt-authentication","mongodb","nodejs","react","ts"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Abshar777.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":"2024-10-15T06:00:32.000Z","updated_at":"2025-01-23T11:36:06.000Z","dependencies_parsed_at":"2024-10-25T08:30:19.595Z","dependency_job_id":null,"html_url":"https://github.com/Abshar777/task-manger","commit_stats":null,"previous_names":["abshar777/modern-todolist","abshar777/task-manger"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abshar777%2Ftask-manger","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abshar777%2Ftask-manger/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abshar777%2Ftask-manger/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Abshar777%2Ftask-manger/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Abshar777","download_url":"https://codeload.github.com/Abshar777/task-manger/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247528758,"owners_count":20953479,"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":["dnd-kit","drag-and-drop","expressjs","firebase-auth","framer-motion","frontend","google-authentication","gsap","jwt-authentication","mongodb","nodejs","react","ts"],"created_at":"2025-02-13T00:24:37.174Z","updated_at":"2025-12-30T20:03:07.064Z","avatar_url":"https://github.com/Abshar777.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modern To-Do List Application\n\n![App Screenshot](./public/img/image.png)\n\nThis is an advanced to-do list application featuring drag-and-drop functionality, calendar integration similar to Google Calendar, and powerful task management features. The application is built with a **frontend** and **backend** architecture, using Firebase for admin functionalities and Google Provider for user authentication.\n\n## Features\n\n- **Drag-and-Drop Interface**: Easily organize tasks with Dnd Kit.\n- **Google Calendar-Like Integration**: Schedule tasks using an interactive calendar with daily, weekly, and monthly views.\n- **Authentication**: Secure user sign-in with Google Provider.\n- **Advanced Task Management**:\n  - Recurring tasks\n  - Task dependencies and priorities\n  - Real-time updates\n  - Custom views and filters\n- **Admin Panel**: Admin functionalities powered by Firebase.\n\n## Screenshots\n\n![App Preview](./public/img/image.png)\n![Screenshot 1](./public/img/Screenshot%202024-10-17%20114920.png)\n![Screenshot 2](./public/img/Screenshot%202024-10-17%20114920.png)\n\n\n## Tech Stack\n\n**Frontend**:\n- Vite\n- React\n- Dnd Kit (for drag-and-drop functionality)\n- Axios (for API requests)\n- Google Provider for authentication\n\n**Backend**:\n- Node.js\n- Express\n- Firebase Admin SDK (using `serviceAccount.json` for admin functionalities)\n- MongoDB (optional, for storing additional user data)\n\n## Installation\n\n### Prerequisites\nMake sure you have the following installed:\n- [Node.js](https://nodejs.org/)\n- [Firebase CLI](https://firebase.google.com/docs/cli)\n\n### Clone the Repository\n```bash\ngit clone https://github.com/Abshar777/modern-todoList.git\ncd modern-todoList\n```\n\n### Installation\n\n1. Clone the repository:\n\n    ```bash\n    git clone https://github.com/Abshar777/modern-todoList.git\n    cd todo-list-app\n    ```\n\n2. Install dependencies:\n\n    ```bash\n    cd backend\n    npm install\n    npm start\n    ```\n\n3. Set up environment variables by creating a `.env` file in the root directory:\n\n    ```bash\n    PORT=port-number\n    MONGO_URI=your-mongodb-uri\n    JWT_SECRET=your-secrete-key\n    ```\n\n4. Start the development frontend:\n\n    ```bash\n    cd .\\frontend\\\n    npm install\n    npm run dev\n    ```\n\n5. Open the application in your browser:\n\n    ```\n    http://localhost:3000\n    ```\n\n### Google Authentication Setup\n\n1. Go to the [Google Cloud Console](https://console.cloud.google.com/).\n2. Create a new project and navigate to **APIs \u0026 Services \u003e Credentials**.\n3. Configure the OAuth 2.0 consent screen and create OAuth credentials.\n4. Use the generated `Client ID` and `Client Secret` in the `.env` file.\n\n## Usage\n\n1. Sign in with Google to authenticate.\n2. Create and manage tasks through the drag-and-drop interface.\n3. Use the calendar to view and schedule tasks.\n4. Customize your task views using filters and priorities.\n\n## Technologies Used\n\n- **Frontend**: React, Dnd Kit, Google Calendar API\n- **Backend**: Node.js, Express\n- **Database**: MongoDB\n- **Authentication**: OAuth 2.0 (Google Provider)\n\n## License\n\nThis project is licensed under the MIT License.\n\n---\n\nHappy organizing!\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabshar777%2Ftask-manger","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabshar777%2Ftask-manger","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabshar777%2Ftask-manger/lists"}