{"id":15161882,"url":"https://github.com/oliveiravitor32/formulario_de_usuarios_reactive_forms-angular","last_synced_at":"2026-01-20T02:37:06.414Z","repository":{"id":255236999,"uuid":"848960801","full_name":"oliveiravitor32/Formulario_de_Usuarios_Reactive_Forms-Angular","owner":"oliveiravitor32","description":"Este projeto é um website de formulário de usuários desenvolvido durante o curso Curso de Angular v2 ao v17: Básico ao Profissional. O projeto está organizado de forma a facilitar a consulta e edição dos dados de cada usuário. A simulação de uma API fictícia permite que os usuários experimentem um fluxo realista de interação.","archived":false,"fork":false,"pushed_at":"2024-09-30T20:06:01.000Z","size":373,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T03:51:11.102Z","etag":null,"topics":["angular","css3","html5","javascript","sass","scss","tailwind-css","typescript"],"latest_commit_sha":null,"homepage":"https://formulario-de-usuarios-reactive-forms-oliveiravitor32s-projects.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/oliveiravitor32.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":"2024-08-28T18:09:59.000Z","updated_at":"2024-09-30T20:06:05.000Z","dependencies_parsed_at":"2024-08-28T19:57:08.801Z","dependency_job_id":"b0dd6c6d-50f7-4d61-83c8-0410bfffb686","html_url":"https://github.com/oliveiravitor32/Formulario_de_Usuarios_Reactive_Forms-Angular","commit_stats":{"total_commits":45,"total_committers":2,"mean_commits":22.5,"dds":0.1333333333333333,"last_synced_commit":"5e05620a6409e9a5de404b81046bb923ef6e046f"},"previous_names":["oliveiravitor32/formulario_de_usuarios-angular"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/oliveiravitor32/Formulario_de_Usuarios_Reactive_Forms-Angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliveiravitor32%2FFormulario_de_Usuarios_Reactive_Forms-Angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliveiravitor32%2FFormulario_de_Usuarios_Reactive_Forms-Angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliveiravitor32%2FFormulario_de_Usuarios_Reactive_Forms-Angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliveiravitor32%2FFormulario_de_Usuarios_Reactive_Forms-Angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oliveiravitor32","download_url":"https://codeload.github.com/oliveiravitor32/Formulario_de_Usuarios_Reactive_Forms-Angular/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliveiravitor32%2FFormulario_de_Usuarios_Reactive_Forms-Angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280878369,"owners_count":26406641,"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-24T02:00:06.418Z","response_time":73,"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":["angular","css3","html5","javascript","sass","scss","tailwind-css","typescript"],"created_at":"2024-09-27T01:00:45.553Z","updated_at":"2025-10-24T22:32:01.393Z","avatar_url":"https://github.com/oliveiravitor32.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Formulário De Usuários com Reactive Forms - Angular\n\n Este projeto é um __website de formulário de usuários__ desenvolvido durante o curso [Curso de Angular v2 ao v17: Básico ao Profissional](https://www.udemy.com/course/super-treinamento-de-angular-16-do-basico-ao-avancado/). \nO projeto está __organizado de forma a facilitar a consulta e edição dos dados de cada usuário__. \n\u003c/br\u003e\n A __simulação de uma API fictícia permite que os usuários experimentem um fluxo realista de interação__. Utilizamos também a __API [Postman Countries \u0026 Cities API](https://documenter.getpostman.com/view/1134062/T1LJjU52) para gerar dados de preenchimento automático de país e estado__, tornando o processo mais eficiente. \n\u003c/br\u003e\n O sistema possui uma formatação cuidadosa que garante tanto a acessibilidade quanto a usabilidade. Além disso o autor trouxe para o desenvolvimento uma situação real enfrentada em sua carreira, acrescentando um nível extra de desafio ao projeto e enriquecendo a experiência de aprendizado.\n\n## Prévia\n\u003cdiv style=\"display: flex, width: 100%, flex-wrap: wrap\"\u003e\n    \u003cimg src=\"src/assets/Previa-1.png\" width=\"45%\" height=\"auto\"/\u003e\n    \u003cimg src=\"src/assets/Previa-2.png\" width=\"45%\" height=\"auto\"/\u003e\n    \u003cimg src=\"src/assets/Previa-3.png\" width=\"45%\" height=\"auto\"/\u003e\n    \n\u003c/div\u003e\n\n## 🎯 O que aprendi:\nEste projeto foi uma experiência enriquecedora. Inicialmente, pensei que seria apenas um formulário simples com informações na tela. No entanto, à medida que o desenvolvimento avançava, surgiram desafios inesperados que ampliaram minha perspectiva sobre o desenvolvimento web com Angular.\nUm dos aspectos mais notáveis foi a ênfase do autor na organização e padronização do projeto. Isso me ensinou a importância de não apenas focar em lógicas e funcionalidades, mas também em como o projeto se comportará a longo prazo, facilitando manutenções e a adição de novos recursos.\nAlém disso, adquiri lições valiosas sobre a transferência eficiente de dados entre componentes e serviços, bem como sobre a criação de diretivas, pipes e funções utilitárias. Também desenvolvi habilidades em converter e formatar interfaces de maneira otimizada e dinâmica.\n\n\n## Acesse agora a demonstração em deploy na Vercel: [Deploy Vercel](https://formulario-de-usuarios-reactive-forms-oliveiravitor32s-projects.vercel.app/)\n\n## 🔧 Tecnologias Utilizadas\n- Angular: __17.3.8__\n- Tailwindcss\n\n## 🚀 Recursos principais:\n- Consulta de usuários.\n- Edição de usuários.\n- Formatação Adequada: Cada campo é formatado de maneira a facilitar o preenchimento e a visualização das informações.\n- Notificações Dinâmicas: Erros são sinalizados em tempo real, oferecendo feedback imediato ao usuário e melhorando a experiência geral.\n\n\n\n## 🛠️ Instalação e Execução\n\nPara rodar o aplicativo localmente, siga os passos abaixo:\n\n### Clone este repositório:\n\n```bash\n  git clone https://github.com/oliveiravitor32/Formulario_de_Usuarios_Reactive_Forms-Angular.git\n```\n\n### Frontend\n1. Navegue até a pasta do frontend:\n   ```bash\n   cd Formulario_de_Usuarios_Reactive_Forms-Angular\n   ```\n2. Instale as dependências:\n   ```bash\n   npm install\n   ```\n3. Inicie o servidor (Obs: É necessário ter o Angular CLI):\n   ```bash\n   ng serve\n   ```\n   Se você não possuir o Angular CLI instalado globalmente use:\n    ```bash\n   npx ng serve\n    ```\n    \n## 📖 Uso\n\nApós iniciar o aplicativo, acesse __http://localhost:4200__ em seu navegador.\n\n\u003ch2 id=\"license\"\u003eLicença 📃 \u003c/h2\u003e\n\nEste projeto esta sob a licença [MIT](./LICENSE)\n\n## Créditos\n[Felipe da Silva Freitas](https://www.udemy.com/user/felipe-da-silva-freitas/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foliveiravitor32%2Fformulario_de_usuarios_reactive_forms-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foliveiravitor32%2Fformulario_de_usuarios_reactive_forms-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foliveiravitor32%2Fformulario_de_usuarios_reactive_forms-angular/lists"}