{"id":18207617,"url":"https://github.com/hebahamdan2/todolist-app","last_synced_at":"2026-02-21T09:31:38.366Z","repository":{"id":259043427,"uuid":"875207993","full_name":"HebaHamdan2/ToDoList-app","owner":"HebaHamdan2","description":"To Do List App is a task management application built with Next.js 14, enabling users to manage tasks through CRUD operations, with data stored in MongoDB.","archived":false,"fork":false,"pushed_at":"2024-10-22T20:40:24.000Z","size":214,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-10T09:48:30.065Z","etag":null,"topics":["axios","crud","mongodb","mongoose","nextjs","typescript"],"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/HebaHamdan2.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-19T11:28:56.000Z","updated_at":"2025-01-23T04:08:42.000Z","dependencies_parsed_at":"2025-04-10T09:11:25.103Z","dependency_job_id":"59fa35e0-f4a9-47cb-bf59-13c3e2dce3b1","html_url":"https://github.com/HebaHamdan2/ToDoList-app","commit_stats":null,"previous_names":["hebahamdan2/todolist-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/HebaHamdan2/ToDoList-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HebaHamdan2%2FToDoList-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HebaHamdan2%2FToDoList-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HebaHamdan2%2FToDoList-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HebaHamdan2%2FToDoList-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HebaHamdan2","download_url":"https://codeload.github.com/HebaHamdan2/ToDoList-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HebaHamdan2%2FToDoList-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270322390,"owners_count":24564641,"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","status":"online","status_checked_at":"2025-08-13T02:00:09.904Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["axios","crud","mongodb","mongoose","nextjs","typescript"],"created_at":"2024-11-03T13:03:42.649Z","updated_at":"2025-10-25T13:36:22.401Z","avatar_url":"https://github.com/HebaHamdan2.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# To Do List App\n\n## Overview\nThe To Do List App is a task management application built with **Next.js 14**. This app allows users to effectively manage their tasks using CRUD (Create, Read, Update, Delete) operations, leveraging the power of MongoDB for data storage.\n\n## Features\n\n- **Add Task:** Create a new task with a title and description.\n- **Display Tasks:** Read and display all tasks with their details from the database.\n- **Update Task:** Change a task's design and update its status from \"Pending\" to \"Completed\" by clicking the \"Done\" button.\n- **Delete Task:** Remove a task by clicking the \"Delete\" button.\n\n## Technologies Used\n\n- **Framework:** Next.js 14\n- **Language:** TypeScript\n- **Styling:** Tailwind CSS\n- **Database:** MongoDB\n- **ORM:** Mongoose\n- **HTTP Client:** Axios\n- **Notifications:** React-Toastify\n  \n## Project Setup\n1- Clone the repository:\n```\ngit clone https://github.com/HebaHamdan2/ToDoList-App.git\ncd ToDoList-App\n```\n2- Install dependencies:\n```\nnpm install\n```\n3- Set up your **MongoDB connection**:\n- Create a **.env.local** file in the root directory and add your MongoDB connection string:\n```\nMONGODB_URL=your_mongodb_connection_string\n```\n4- Run the development server:\n```\nnpm run dev\n```\n5- Open your browser and navigate to **http://localhost:3000**.\n\n## Learning Experience\n\nDuring the development of this application, I learned how to handle routing in Next.js to connect the API with my application effectively. I applied CRUD operations by utilizing Next.js's file-based routing system, which helped prevent confusion. By following the structure of Next.js folders, I could easily organize my code and manage API routes.\n\nI also relied heavily on the **Next.js Documentation**, which provided clear guidelines on routing and API integration, enabling me to build a robust application with minimal issues.\n\n## Contributing\n\nContributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhebahamdan2%2Ftodolist-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhebahamdan2%2Ftodolist-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhebahamdan2%2Ftodolist-app/lists"}