{"id":31692397,"url":"https://github.com/gftf2011/clean-react-todolist","last_synced_at":"2025-10-08T14:06:22.407Z","repository":{"id":185837426,"uuid":"644159903","full_name":"gftf2011/clean-react-todolist","owner":"gftf2011","description":"React.Js WEB APP built with Clean Architecture and Design Patterns that consumes a REST API server response","archived":false,"fork":false,"pushed_at":"2024-07-20T02:52:34.000Z","size":848,"stargazers_count":14,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-07-20T21:47:14.121Z","etag":null,"topics":["clean-architecture","clean-code","design-patterns","github-actions","javascript","nodejs","reactjs","rest","rest-api","test","typescript"],"latest_commit_sha":null,"homepage":"","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/gftf2011.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-05-23T00:23:13.000Z","updated_at":"2024-07-20T02:52:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"cabd87e9-18da-47f6-b765-ef8589c498dd","html_url":"https://github.com/gftf2011/clean-react-todolist","commit_stats":null,"previous_names":["gftf2011/clean-react-todolist"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gftf2011/clean-react-todolist","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gftf2011%2Fclean-react-todolist","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gftf2011%2Fclean-react-todolist/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gftf2011%2Fclean-react-todolist/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gftf2011%2Fclean-react-todolist/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gftf2011","download_url":"https://codeload.github.com/gftf2011/clean-react-todolist/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gftf2011%2Fclean-react-todolist/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278956330,"owners_count":26075221,"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-10-08T02:00:06.501Z","response_time":56,"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":["clean-architecture","clean-code","design-patterns","github-actions","javascript","nodejs","reactjs","rest","rest-api","test","typescript"],"created_at":"2025-10-08T14:06:17.085Z","updated_at":"2025-10-08T14:06:22.400Z","avatar_url":"https://github.com/gftf2011.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n\t\u003ch1\u003eCLEAN React.JS TODOLIST • :ledger: :computer:\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src='https://coveralls.io/repos/github/gftf2011/clean-react-todolist/badge.svg?branch=main' alt='Coverage Status' /\u003e\n  \u003cimg src='https://sonarcloud.io/api/project_badges/measure?project=gftf2011_clean-react-todolist\u0026metric=alert_status' alt='Quality Gate Status' /\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"#page_facing_up-about\"\u003eAbout\u003c/a\u003e • \n  \u003ca href=\"#hammer_and_wrench-supported-os\"\u003eSupported OS\u003c/a\u003e • \n  \u003ca href=\"#robot-technologies\"\u003eTechnologies\u003c/a\u003e • \n  \u003ca href=\"#large_orange_diamond-concepts\"\u003eConcepts\u003c/a\u003e • \n  \u003ca href=\"#large_blue_diamond-design-patterns\"\u003eDesign Patterns\u003c/a\u003e • \n  \u003ca href=\"#blue_book-principles\"\u003ePrinciples\u003c/a\u003e • \n  \u003ca href=\"#clipboard-required-tools\"\u003eRequired Tools\u003c/a\u003e • \n  \u003ca href=\"#racing_car-running-project\"\u003eRunning Project\u003c/a\u003e • \n  \u003ca href=\"#test_tube-running-tests\"\u003eRunning Tests\u003c/a\u003e • \n  \u003ca href=\"#memo-license\"\u003eLicense\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/gftf2011/clean-react-todolist/blob/main/.github/images/background.png\" /\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n## :page_facing_up: About\n\nThis a frontend from a TODO LIST typescript project.\n\nThe objective from this project is to show how to create an WEB APP with a well-defined and decoupled architecture, using Clean Architecture concepts, dividing the layers responsibility and exploring the usage of several design patterns !\n\n\u003cbr/\u003e\n\n## :hammer_and_wrench: Supported OS\n\n- [x] Mac OS\n- [x] Linux\n- [x] Windows - WSL \n\n\u003cbr/\u003e\n\n## :robot: Technologies\n\n- React.JS\n- React Router Dom\n- React Redux\n- React Testing Library\n- Vite\n- Vitest\n- Eslint\n- Prettier\n- Github Action\n\n\u003cbr/\u003e\n\n## :large_orange_diamond: Concepts\n\n- Advanced Object Oriented Programming\n- Functional Programming\n- Redux\n- Clean Code\n- Clean Architecture\n- Design Patterns - (Object Oriented)\n- Design Patterns - (Functional Style)\n- Unit Testing\n- Integration Testing\n- Continuous Integration Pipeline\n- Semantic Commits\n- Test Doubles - (Dummies • Stubs • Spies • Fakes • Mocks)\n- Linting\n- Browser Cache\n- Cache Validation\n\n\u003cbr/\u003e\n\n## :large_blue_diamond: Design Patterns\n\n### Creational\n\n- [Builder](https://refactoring.guru/design-patterns/builder)\n- [Singleton](https://refactoring.guru/design-patterns/singleton)\n\n### Structural\n\n- [Facade](https://refactoring.guru/design-patterns/facade)\n- [Adapter](https://refactoring.guru/design-patterns/adapter)\n- [Composite](https://refactoring.guru/design-patterns/composite)\n- [Decorator](https://refactoring.guru/design-patterns/decorator)\n- [Proxy](https://refactoring.guru/design-patterns/proxy)\n\n### Behavioral\n\n- [Visitor](https://refactoring.guru/design-patterns/visitor)\n- [Template method](https://refactoring.guru/design-patterns/template-method)\n\n### Non GOF - Gang of Four - Official\n\n- [Dinamic Factory](https://dl.acm.org/doi/10.1145/1753196.1753207)\n\n\u003cbr/\u003e\n\n## :blue_book: Principles\n\n- [Single Responsibility Principle (SRP)](https://en.wikipedia.org/wiki/Single-responsibility_principle)\n- [Open Closed Principle (OCP)](https://en.wikipedia.org/wiki/Open%E2%80%93closed_principle)\n- [Liskov Substitution Principle (LSP)](https://en.wikipedia.org/wiki/Liskov_substitution_principle)\n- [Interface Segregation Principle (ISP)](https://en.wikipedia.org/wiki/Interface_segregation_principle)\n- [Dependency Inversion Principle (DIP)](https://en.wikipedia.org/wiki/Dependency_inversion_principle)\n- [Don't Repeat Yourself (DRY)](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself)\n- [You Aren't Gonna Need It (YAGNI)](https://en.wikipedia.org/wiki/You_aren%27t_gonna_need_it)\n- [Keep It Simple, Stupid (KISS)](https://en.wikipedia.org/wiki/KISS_principle)\n- [Composition Over Inheritance](https://en.wikipedia.org/wiki/Composition_over_inheritance)\n\n\u003cbr/\u003e\n\n## :clipboard: Required Tools\n\n- [x] Node - [https://nodejs.org/](https://nodejs.org/)\n  - Node version: 18.x.x\n  - npm version: 9.x.x\n\n\u003cbr/\u003e\n\n## :racing_car: Running Project\n\n```sh\n  $ npm i\n```\n\n```sh\n  $ npm run dev\n```\n\n```sh\n  $ npm run dev:server\n```\n\n\u003e #### OBS.: Use 2 Terminals, one to run the development server first and the second to run the application\n\n\u003cbr/\u003e\n\n## :test_tube: Running Tests\n\n\u003e ### Full Test Coverage Report\n\n```sh\n  $ npm run test\n```\n\n\u003cbr/\u003e\n\n## :memo: License\n\nThis project is under MIT license. See the [LICENSE](https://github.com/gftf2011/clean-react-todolist/blob/main/LICENSE) file for more details.\n\n---\n\nMade with lots of :heart: by [Gabriel Ferrari Tarallo Ferraz](https://www.linkedin.com/in/gabriel-ferrari-tarallo-ferraz/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgftf2011%2Fclean-react-todolist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgftf2011%2Fclean-react-todolist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgftf2011%2Fclean-react-todolist/lists"}