{"id":26903307,"url":"https://github.com/matheuscara/desafio-angular","last_synced_at":"2026-05-06T22:04:45.824Z","repository":{"id":243197339,"uuid":"810598544","full_name":"Matheuscara/desafio-angular","owner":"Matheuscara","description":"Crie uma SPA utilizando Angular para uma tela de lista de usuários e um modal para adicionar usuários. O layout e a arquitetura são por sua conta, apenas atente-se aos requisitos propostos.","archived":false,"fork":false,"pushed_at":"2024-06-07T08:32:25.000Z","size":162,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-06-07T09:54:37.475Z","etag":null,"topics":["angular","jest","signals","taiwindcss"],"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/Matheuscara.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,"publiccode":null,"codemeta":null}},"created_at":"2024-06-05T02:26:57.000Z","updated_at":"2024-06-07T09:54:56.729Z","dependencies_parsed_at":"2024-06-07T09:54:43.155Z","dependency_job_id":"8a00ce61-7abd-41b7-8ef5-8647b4463c19","html_url":"https://github.com/Matheuscara/desafio-angular","commit_stats":null,"previous_names":["matheuscara/desafio-angular"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matheuscara%2Fdesafio-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matheuscara%2Fdesafio-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matheuscara%2Fdesafio-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Matheuscara%2Fdesafio-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Matheuscara","download_url":"https://codeload.github.com/Matheuscara/desafio-angular/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246620230,"owners_count":20806722,"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":["angular","jest","signals","taiwindcss"],"created_at":"2025-04-01T10:05:52.891Z","updated_at":"2026-05-06T22:04:40.769Z","avatar_url":"https://github.com/Matheuscara.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n## Projeto\n\nCrie uma SPA utilizando Angular para uma tela de lista de usuários e um modal para adicionar usuários. O layout e a arquitetura são por sua conta, apenas atente-se aos requisitos propostos.\n\n\n\n### Tecnologias Utilizadas\n\n- Angular v16: \n    - Utilizado para desenvolver a aplicação devido à sua robustez e suporte contínuo. A versão 16 traz melhorias de desempenho e novas funcionalidades que ajudam a criar uma SPA moderna e eficiente.\n- Tailwind CSS: \n    - Utilizado para a estilização das páginas. Tailwind CSS permite uma maneira rápida e eficiente de criar estilos personalizados sem sair do HTML, resultando em um desenvolvimento mais rápido e um design mais consistente.\n- State com Signals: \n    - O estado da aplicação é gerenciado com `Subject Service` utilizando signals para compartilhamento de dados entre os componentes. Isso proporciona um gerenciamento de estado reativo e eficiente.\n\n\n### Desafios Encontrados\nTive dificuldade em fazer o componente de paginação para a tabela. Tentei encontrar algum modelo pronto que ficasse parecido, mas não achei, e para fazer, fiquei com dificuldade também. Adicionar a inteligência de próximas páginas e os filtros foi interessante de fazer. Tive dificuldade também para fazer a exibição do país ao digitar o telefone.\n\n### Melhorias Futuras\n- Implementar o projeto com testes E2E.\n- Implementar filtro de status e nome ao mesmo tempo.\n- Melhorar o componente de paginação na tabela.\n- Melhorar o ícone de país no input de telefone.\n\n---------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n## Instalar dependencias\nPara instalar todas as dependencias, execute:\n```\nnpm install\n```\n\n## Iniciar a aplicação\nPara iniciar o servidor de desenvolvimento execute: \n```\nnpm run start\n```\n\n## Para rodar os testes unitarios\nPara iniciar o servidor de testes (atualmente com 80% de coverage) execute: \n```\nnpm run test\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatheuscara%2Fdesafio-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatheuscara%2Fdesafio-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatheuscara%2Fdesafio-angular/lists"}