{"id":21490150,"url":"https://github.com/alexandrbig1/react-todo-plus-ts","last_synced_at":"2026-04-11T00:43:27.802Z","repository":{"id":210311044,"uuid":"726262962","full_name":"Alexandrbig1/react-todo-plus-ts","owner":"Alexandrbig1","description":"Todo Plus is a feature-rich todo list app built with React and TypeScript. Enjoy seamless task management with theme switching, local storage support, and real-time notifications. The project showcases modern UI design using Styled Components, making it an ideal choice for users seeking an efficient and intuitive task management solution.","archived":false,"fork":false,"pushed_at":"2023-12-30T17:35:50.000Z","size":2112,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T01:37:48.789Z","etag":null,"topics":["backend","computerscience","css3","frontend","fullstack","html-css-javascript","html5","javascript","js","react","react-toastify","react-typescript","reactjs","softwareengineer","styled-components","ts","typescript","ux-ui-design","webdesign","webdevelopment"],"latest_commit_sha":null,"homepage":"https://alexandrbig1.github.io/react-todo-plus-ts/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Alexandrbig1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-12-01T22:25:03.000Z","updated_at":"2024-09-02T17:20:13.000Z","dependencies_parsed_at":"2023-12-30T18:45:41.714Z","dependency_job_id":null,"html_url":"https://github.com/Alexandrbig1/react-todo-plus-ts","commit_stats":null,"previous_names":["alexandrbig1/react-todo-plus-ts"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Freact-todo-plus-ts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Freact-todo-plus-ts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Freact-todo-plus-ts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Freact-todo-plus-ts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alexandrbig1","download_url":"https://codeload.github.com/Alexandrbig1/react-todo-plus-ts/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244022715,"owners_count":20385134,"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":["backend","computerscience","css3","frontend","fullstack","html-css-javascript","html5","javascript","js","react","react-toastify","react-typescript","reactjs","softwareengineer","styled-components","ts","typescript","ux-ui-design","webdesign","webdevelopment"],"created_at":"2024-11-23T14:32:07.813Z","updated_at":"2025-12-31T00:18:41.234Z","avatar_url":"https://github.com/Alexandrbig1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Todo Plus+\n\n\u003cimg align=\"right\" src=\"https://media.giphy.com/media/du3J3cXyzhj75IOgvA/giphy.gif\" width=\"100\"/\u003e\n\n[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/react-todo-plus-ts)](https://github.com/Alexandrbig1/react-todo-plus-ts/commits/main)\n[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/react-todo-plus-ts)](https://github.com/Alexandrbig1/react-todo-plus-ts/blob/main/LICENSE)\n\nTodo Plus+ is a modern todo list application built with React and TypeScript. Seamlessly manage your tasks with features such as adding and deleting todo items. Enhance your productivity by switching between light and dark themes. Todo Plus+ utilizes local storage to ensure your todo items persist even when you close the app. Experience a clean and intuitive interface, styled with Styled Components, and enjoy real-time notifications with React Toastify.\n\n## Built With\n\n- ![Alt text](https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge\u0026logo=React\u0026logoColor=black)\n- ![Alt text](https://img.shields.io/badge/TypeScript-3178C6.svg?style=for-the-badge\u0026logo=TypeScript\u0026logoColor=white)\n- ![Alt text](https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge\u0026logo=JavaScript\u0026logoColor=black)\n- ![Alt text](https://img.shields.io/badge/styledcomponents-DB7093.svg?style=for-the-badge\u0026logo=styled-components\u0026logoColor=white)\n- ![Alt text](https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge\u0026logo=HTML5\u0026logoColor=white)\n- ![Alt text](https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge\u0026logo=CSS3\u0026logoColor=white)\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies](#technologies)\n- [Screenshots](#screenshots)\n- [Issues](#Issues)\n- [License](#License)\n- [Feedback](#Feedback)\n\n## Features\n\n- Add and delete todo items\n- Switch between light and dark themes\n- Local storage for persistent data\n\n## Technologies\n\n- React\n- TypeScript\n- Styled Components\n- Local Storage\n- React Icons\n- React Toastify\n\n## Project Preview\n\n### Screenshots:\n\n![React Todo Plus TypeScript](./public/images/ts1.jpg)\n_Caption for Screenshot 1 (Light Theme)_\n\n![React Todo Plus TypeScript](./public/images/ts2.jpg)\n_Caption for Screenshot 2 (Dark Theme)_\n\n## Issues\n\nIf you encounter any issues or have suggestions, please [open an issue](https://github.com/Alexandrbig1/react-todo-plus-ts/issues).\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n## Feedback:\n\nI welcome feedback and suggestions from users to improve the application's functionality and user experience.\n\n## Languages and Tools:\n\n\u003cdiv align=\"center\"\u003e  \n \n\u003ca href=\"https://en.wikipedia.org/wiki/HTML5\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/html5-original-wordmark.svg\" alt=\"HTML5\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.w3schools.com/css/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/css3-original-wordmark.svg\" alt=\"CSS3\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.javascript.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/javascript-original.svg\" alt=\"JavaScript\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.typescriptlang.org/\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/typescript-colored.svg\" width=\"36\" height=\"36\" alt=\"TypeScript\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://reactjs.org/\" target=\"_blank\" rel=\"noreferrer\"\u003e \u003cimg src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg\" alt=\"react\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://styled-components.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/styled-components.png\" alt=\"Styled Components\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://git-scm.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg\" alt=\"git\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n## Connect with me:\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://linkedin.com/in/alex-smagin29\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/linkedin-%231E77B5.svg?\u0026style=for-the-badge\u0026logo=linkedin\u0026logoColor=white alt=linkedin style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/github-%2324292e.svg?\u0026style=for-the-badge\u0026logo=github\u0026logoColor=white alt=github style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://discord.gg/uzM3UNQU\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/discord-%237289DA.svg?\u0026style=for-the-badge\u0026logo=discord\u0026logoColor=white\" alt=\"Discord\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://stackoverflow.com/users/22484161/alex-smagin\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/stackoverflow-%23F28032.svg?\u0026style=for-the-badge\u0026logo=stackoverflow\u0026logoColor=white alt=stackoverflow style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://dribbble.com/Alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/dribbble-%23E45285.svg?\u0026style=for-the-badge\u0026logo=dribbble\u0026logoColor=white alt=dribbble style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.behance.net/a1126\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/behance-%23191919.svg?\u0026style=for-the-badge\u0026logo=behance\u0026logoColor=white alt=behance style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.upwork.com/freelancers/~0117da9f9f588056d2\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/upwork-%230077B5.svg?\u0026style=for-the-badge\u0026logo=upwork\u0026logoColor=white\u0026color=%23167B02\" alt=\"Upwork\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Freact-todo-plus-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexandrbig1%2Freact-todo-plus-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Freact-todo-plus-ts/lists"}