{"id":25629025,"url":"https://github.com/deibsoncogo/react-js-na-pratica","last_synced_at":"2026-04-05T22:34:39.123Z","repository":{"id":223698680,"uuid":"760650217","full_name":"deibsoncogo/react-js-na-pratica","owner":"deibsoncogo","description":"No decorrer do React na Prática, tivemos a oportunidade de desenvolver o projeto Nu, focado na criação de um sistema de cadastro de tags. Nosso principal objetivo foi aprimorar nossas habilidades no tratamento de listagens de dados e formulários com relacionamentos complexos.","archived":false,"fork":false,"pushed_at":"2024-02-21T15:30:45.000Z","size":1549,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-22T19:16:47.431Z","etag":null,"topics":["editor-config","eslint","json-server","local-forage","match-sorter","post-css","radix-ui","react","react-hook-form","react-js","react-router-dom","sort-by","tailwind-css","tanstack-react-query","typescript","vite","zod"],"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/deibsoncogo.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}},"created_at":"2024-02-20T17:22:44.000Z","updated_at":"2024-02-28T16:14:37.000Z","dependencies_parsed_at":"2024-02-21T16:46:24.443Z","dependency_job_id":"4e6cfddc-fe05-4e2a-9220-d239421f6ae6","html_url":"https://github.com/deibsoncogo/react-js-na-pratica","commit_stats":null,"previous_names":["deibsoncogo/react-na-pratica","deibsoncogo/react-js-na-pratica"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deibsoncogo%2Freact-js-na-pratica","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deibsoncogo%2Freact-js-na-pratica/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deibsoncogo%2Freact-js-na-pratica/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deibsoncogo%2Freact-js-na-pratica/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deibsoncogo","download_url":"https://codeload.github.com/deibsoncogo/react-js-na-pratica/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240222476,"owners_count":19767458,"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":["editor-config","eslint","json-server","local-forage","match-sorter","post-css","radix-ui","react","react-hook-form","react-js","react-router-dom","sort-by","tailwind-css","tanstack-react-query","typescript","vite","zod"],"created_at":"2025-02-22T19:16:49.923Z","updated_at":"2026-04-05T22:34:34.077Z","avatar_url":"https://github.com/deibsoncogo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React na Prática | Listagem de dados e formulário com relacionamento | Rocketseat\nNo decorrer do React na Prática, tivemos a oportunidade de desenvolver o projeto Nu, focado na criação de um sistema de cadastro de tags. Nosso principal objetivo foi aprimorar nossas habilidades no tratamento de listagens de dados e formulários com relacionamentos complexos.\n\nPara alcançar esse propósito, utilizamos um conjunto robusto de tecnologias. TypeScript foi a base sólida sobre a qual construímos nossa aplicação, garantindo um código mais seguro e mais fácil de manter. React JS proporcionou a agilidade e a flexibilidade necessárias para criar interfaces interativas e responsivas.\n\n# Execução\nO projeto não está em execução na nuvem, mais você pode utilizar estas orientações para executar ele.\n\n## Instalação\nPrimeiramente instale as dependências utilizando o `NPM`.\n```bash\nnpm ci\n```\n\nComando para iniciar a fake api com o `JSON Serve`.\n```bash\nnpm run server\n```\n\nPor fim basta executar o servidor.\n```bash\nnpm run dev\n```\n\n# Imagens do projeto\n### Página inicial com algumas tags\n![Página inicial com algumas tags](/src/assets/prints/print1.png)\n\n### Página para cadastrar uma nova tag\n![Página para cadastrar uma nova tag](/src/assets/prints/print2.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeibsoncogo%2Freact-js-na-pratica","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeibsoncogo%2Freact-js-na-pratica","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeibsoncogo%2Freact-js-na-pratica/lists"}