{"id":16979434,"url":"https://github.com/phammings/todo-list","last_synced_at":"2026-04-18T09:41:10.572Z","repository":{"id":191965634,"uuid":"685747106","full_name":"phammings/todo-list","owner":"phammings","description":"Todo List web application","archived":false,"fork":false,"pushed_at":"2023-12-26T01:12:50.000Z","size":2288,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T23:11:40.664Z","etag":null,"topics":["firebase","html","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://phammings.github.io/todo-list/","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/phammings.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}},"created_at":"2023-08-31T23:19:09.000Z","updated_at":"2024-08-15T02:32:26.000Z","dependencies_parsed_at":"2023-12-08T02:30:17.947Z","dependency_job_id":"c9bf3b79-9108-41a5-a9ac-fbe5c57861bf","html_url":"https://github.com/phammings/todo-list","commit_stats":null,"previous_names":["phammings/todo-list"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/phammings/todo-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phammings%2Ftodo-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phammings%2Ftodo-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phammings%2Ftodo-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phammings%2Ftodo-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/phammings","download_url":"https://codeload.github.com/phammings/todo-list/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phammings%2Ftodo-list/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31964542,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"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":["firebase","html","tailwindcss","typescript"],"created_at":"2024-10-14T01:45:47.277Z","updated_at":"2026-04-18T09:41:10.544Z","avatar_url":"https://github.com/phammings.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Todo List\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\n\u003ch3 align=\"center\"\u003eTodo List\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\nTask Management website implemented for \u003ca href=\"https://www.theodinproject.com/lessons/node-path-javascript-todo-list\"\u003eThe Odin Project.\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://phammings.github.io/todo-list/\"\u003eView Demo\u003c/a\u003e\n    \u003cbr /\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#roadmap\"\u003eRoadmap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#screenshots\"\u003eScreenshots\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\nThe project involves creating a todo list application with dynamic todo items, projects, and features such as due dates, priorities, and project management. The application employs TypeScript for strong typing and enhanced code organization, and Tailwind CSS for styling, ensuring a responsive and visually appealing user interface. Additionally, the project incorporates the Web Storage API, specifically localStorage, for data persistence, allowing users to save and retrieve their todo lists even after refreshing the page through JSON. This project is based on modules and use of imports and exports to build the task management website.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n### Built With\n\n* [![Typescript][Typescript.ts]][Typescript-url]\n* [![HTML][HTML.html]][HTML-url]\n* [![TailwindCSS][CSS.css]][CSS-url]\n* [![FireBase][Firebase]][Firebase-url]\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ROADMAP --\u003e\n## Roadmap\n\n- ✔️ Using npm to install webpack and create package.json to start project making src and dist directories\n- ✔️ Using imports and named exports to control todo list website\n- ✔️ Dynamically creating and appending DOM HTML elements on each tab of the resaurant page as modules\n- ✔️ Utilizing TypeScript for strong typing and enhanced code organization\n- ✔️ Utilizing the TailwindCSS framework to design a responsive website for mobile and larger screens\n- ✔️ Utilizing the Web Storage API, specifically localStorage, for data persistence with JSON\n- ✔️ Developed secure email authentication login system using Firebase for a simple backend integration\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SCREENSHOTS --\u003e\n## Screenshots\n\u003cimg src=\"images/Screenshot1.PNG\" width=\"600\"\u003e\n\u003cimg src=\"images/Screenshot2-5.png\" height=\"300\"\u003e\n\u003cimg src=\"images/Screenshot2.png\" width=\"600\"\u003e\n\u003cimg src=\"images/Screenshot3.PNG\" width=\"600\"\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n\n[Typescript.ts]: https://shields.io/badge/TypeScript-3178C6?logo=TypeScript\u0026logoColor=FFF\u0026style=flat-square\n[Typescript-url]: https://www.typescriptlang.org/\n[CSS.CSS]: https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\n[CSS-url]: https://tailwindcss.com/ \n[HTML.HTML]: https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\n[HTML-url]: https://developer.mozilla.org/en-US/docs/Web/HTML\n[Firebase]: https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge\u0026logo=Firebase\u0026logoColor=white\n[Firebase-url]: https://firebase.google.com/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphammings%2Ftodo-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphammings%2Ftodo-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphammings%2Ftodo-list/lists"}