{"id":26483998,"url":"https://github.com/rodrigofontesdev/fpf","last_synced_at":"2026-04-06T01:33:22.368Z","repository":{"id":277448522,"uuid":"932463152","full_name":"rodrigofontesdev/fpf","owner":"rodrigofontesdev","description":"Interface desenvolvida para o teste técnico da Federação Paulista de Futebol, construído em React.","archived":false,"fork":false,"pushed_at":"2025-07-17T21:54:05.000Z","size":329,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-18T02:07:58.582Z","etag":null,"topics":["commitlint","css-module","eslint","husky","mobile-friendly","prettier","react","typescript"],"latest_commit_sha":null,"homepage":"https://fpf-rodrigofontes.vercel.app","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/rodrigofontesdev.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,"zenodo":null}},"created_at":"2025-02-14T00:26:47.000Z","updated_at":"2025-07-17T21:52:47.000Z","dependencies_parsed_at":"2025-02-14T01:34:26.159Z","dependency_job_id":"135ca4c8-c520-46d2-9cb9-65233bf4474a","html_url":"https://github.com/rodrigofontesdev/fpf","commit_stats":null,"previous_names":["rodrigofontesdev/fpf"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rodrigofontesdev/fpf","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigofontesdev%2Ffpf","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigofontesdev%2Ffpf/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigofontesdev%2Ffpf/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigofontesdev%2Ffpf/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rodrigofontesdev","download_url":"https://codeload.github.com/rodrigofontesdev/fpf/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rodrigofontesdev%2Ffpf/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31456659,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"ssl_error","status_checked_at":"2026-04-05T21:22:51.943Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["commitlint","css-module","eslint","husky","mobile-friendly","prettier","react","typescript"],"created_at":"2025-03-20T04:59:29.243Z","updated_at":"2026-04-06T01:33:22.339Z","avatar_url":"https://github.com/rodrigofontesdev.png","language":"TypeScript","readme":"![cover](https://github.com/user-attachments/assets/78d49ac0-db68-4f39-8753-b6d58b6723c1)\n\n# SportCenter\n\nUma interface totalmente responsiva, simulando o painel de uma plataforma. O objetivo da aplicação é que o usuário possa acessar o sistema, visualizar as pessoas cadastradas e gerenciar o cadastro.\n\nÉ possível ver o projeto através do link: [https://fpf-rodrigofontes.vercel.app/](https://fpf-rodrigofontes.vercel.app/)\n\nA estrutura do projeto está organizada da seguinte forma:\n\n- :open_file_folder: **/src:**\n  \n  - :open_file_folder: **/components:** Componentes de UI que podem ser reaproveitados.\n    \n  - :open_file_folder: **/static:** Arquivos de assets, como fontes, imagens e CSS.\n    \n  - :open_file_folder: **/utils:** Mocks e funções auxiliares.\n\n## Pré-requisitos\n\n- Git\n- Node 20 (ou superior)\n\n## Como iniciar\n\nClone o repositório em um novo diretório:\n\n```\ngit clone git@github.com:rodrigofontesdev/fpf.git\n```\n\n```\ncd fpf\n```\n\nInstale as dependências do projeto:\n\n```\nnpm install\n```\n\nInicie o projeto em ambiente de desenvolvimento:\n\n```\nnpm run dev\n```\n\n## Funcionalidades\n\n- Abrir e fechar barra lateral\n- Modal para cadastrar usuário\n\n## Considerações finais\n\nPara fins de demonstração, os dados dos usuários são armazenados em um mock em memória. Em um cenário real, esses dados seriam obtidos de um backend, ao consumir uma API através de um cliente HTTP como **Axios**.\n\nO gerenciamento do formulário de cadastro, poderia ser implementado com **React Hook Form** e a validação dos dados com **Zod**.\n\nA navegação entre as páginas pode ser alcançada com **React Router**, que também permitiria destacar o link ativo na barra lateral de acordo com a rota atual.\n\n## Construído com\n\n- **Vite:** Build e bundling otimizado da aplicação.\n\n- **React:** Construção de interfaces de usuário (UI).\n\n- **TypeScript:** Tipagem estática para JavaScript.\n\n- **CSS Modules:** Estilização CSS com escopo local para componentes.\n\n- **ESLint:** Análise estática de código.\n\n- **Prettier:** Formatação consistente de código.\n\n- **Husky:** Gerenciador de Git hooks, executando o Prettier antes dos commits.\n\n- **Commitlint:** Padronização de mensagens de commit, aplicando o padrão \"Conventional Commits\".\n\n## Licença\n\nEste projeto está licenciado sob a licença MIT - consulte o arquivo [LICENSE.md](LICENSE) para obter detalhes.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigofontesdev%2Ffpf","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frodrigofontesdev%2Ffpf","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frodrigofontesdev%2Ffpf/lists"}