{"id":22115102,"url":"https://github.com/walissonrodrigo/contacts-aceleradev-react","last_synced_at":"2026-05-05T11:32:35.285Z","repository":{"id":44249454,"uuid":"265717407","full_name":"WalissonRodrigo/contacts-aceleraDev-react","owner":"WalissonRodrigo","description":"Desafio do AceleraDEV React da Codenation onde foi desenvolvido um SPA (Single Page Application) de uma lista de contatos em React","archived":false,"fork":false,"pushed_at":"2023-07-12T04:12:11.000Z","size":5411,"stargazers_count":0,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T05:19:45.286Z","etag":null,"topics":["aceleradev","codenation","react","spa"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/WalissonRodrigo.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":"2020-05-21T00:39:50.000Z","updated_at":"2020-06-23T00:49:58.000Z","dependencies_parsed_at":"2022-09-07T17:41:47.884Z","dependency_job_id":"0d4e8331-fb7f-48d7-8fc7-1ccfff0fd398","html_url":"https://github.com/WalissonRodrigo/contacts-aceleraDev-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/WalissonRodrigo/contacts-aceleraDev-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WalissonRodrigo%2Fcontacts-aceleraDev-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WalissonRodrigo%2Fcontacts-aceleraDev-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WalissonRodrigo%2Fcontacts-aceleraDev-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WalissonRodrigo%2Fcontacts-aceleraDev-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WalissonRodrigo","download_url":"https://codeload.github.com/WalissonRodrigo/contacts-aceleraDev-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WalissonRodrigo%2Fcontacts-aceleraDev-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269962744,"owners_count":24504283,"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-08-11T02:00:10.019Z","response_time":75,"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":["aceleradev","codenation","react","spa"],"created_at":"2024-12-01T12:14:30.773Z","updated_at":"2026-05-05T11:32:35.228Z","avatar_url":"https://github.com/WalissonRodrigo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SPA: App de Contatos\n[![Netlify Status](https://api.netlify.com/api/v1/badges/8b291ca9-82b3-4ca6-808f-9ab20d7d502a/deploy-status)](https://app.netlify.com/sites/contatos-spa-acelera-dev-react/deploys)\n\n## Objetivo:\nDesafio do AceleraDEV React da Codenation onde foi desenvolvido um *SPA (Single Page Application)* de uma lista de contatos em **React** com as seguintes funcionalidades:\n\n-  Consumir os dados de contato através de uma API Rest, usando a *Fetch API* do Javascript.\n-  Busca de um contato aplicando filtro em **tempo real**.\n-  Aplicar filtros de ordenação por *Nome*, *País*, *Empresa*, *Departamento* e *Data de Admissão*.\n\n### API de Contatos:\n\nGET: *https://5e82ac6c78337f00160ae496.mockapi.io/api/v1/contacts*\n\n### Requisitos\n\n- Modularize os componentes na pasta components.\n- Atualize os arquivos de componentes carregando corretamente seus estilos e suas marcações JSX.\n- Crie os *estados* do SPA.\n- Consuma a *API de contatos* no *ciclo de vida correto* do componente.\n- Implemente a **busca** para filtrar os contatos em tempo real.\n- Implemente os filtros de ordenação por *Nome*, *País*, *Empresa*, *Departamento* e *Data de Admissão*.\n\n### Dicas:\n\n- Tudo pode ser resolvido em um único componente.\n- O *estado* será mais complexo, ou seja, será um objeto com múltiplas *propriedades*.\n\n### Iniciar o projeto:\n\n- Instale as dependências do projeto com o comando *yarn install* ou *npm install*.\n- Inicie o projeto com comando *yarn start* ou *npm start* / *npm run start*.\n\n\n## Tópicos:\n\nNeste desafio foi abordado os seguintes conhecimentos em:\n\n- **React**\n- **React - Ciclo de vida de componentes**\n- **Modularização**\n- **Fetch API**\n- **JS:** *Array.map*, *Array.filter*, *Array.reduce*, *Array.find*, *Array.sort*\n\n## Requisitos:\n\n* **[Node v13.8.0](https://nodejs.org/en/)** - ou superior, instalado em seu computador.\n* **[Create React App](https://github.com/facebook/create-react-app)**\n\n## Screenshot de Referência\n\n![](https://codenation-challenges.s3-us-west-1.amazonaws.com/react-14/screenshot.png)\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalissonrodrigo%2Fcontacts-aceleradev-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalissonrodrigo%2Fcontacts-aceleradev-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalissonrodrigo%2Fcontacts-aceleradev-react/lists"}