{"id":13622674,"url":"https://github.com/Apiki/front-end-challenge","last_synced_at":"2025-04-15T09:33:31.356Z","repository":{"id":37022392,"uuid":"153808871","full_name":"Apiki/front-end-challenge","owner":"Apiki","description":"Desafio para candidatos a front-end.","archived":false,"fork":false,"pushed_at":"2024-06-25T21:45:57.000Z","size":4,"stargazers_count":270,"open_issues_count":95,"forks_count":175,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-08-01T21:54:40.152Z","etag":null,"topics":["challenge","css","front-end","html","javascript"],"latest_commit_sha":null,"homepage":null,"language":null,"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/Apiki.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}},"created_at":"2018-10-19T16:04:22.000Z","updated_at":"2024-07-02T06:18:57.000Z","dependencies_parsed_at":"2024-01-14T08:03:22.116Z","dependency_job_id":"6fce9977-94cf-41e1-a73c-7ccffb8fef39","html_url":"https://github.com/Apiki/front-end-challenge","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apiki%2Ffront-end-challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apiki%2Ffront-end-challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apiki%2Ffront-end-challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apiki%2Ffront-end-challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Apiki","download_url":"https://codeload.github.com/Apiki/front-end-challenge/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223668290,"owners_count":17182907,"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":["challenge","css","front-end","html","javascript"],"created_at":"2024-08-01T21:01:22.551Z","updated_at":"2024-11-08T10:30:48.348Z","avatar_url":"https://github.com/Apiki.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"# Desafio - Front-end Developer\nEste desafio tem como objetivo te avaliar como desenvolvedor Front-end: JavaScript, HTML, CSS e lógica de programação.\n\n## O Desafio\nQueremos montar uma versão do blog da Apiki apenas para Devs, e queremos que essa seja uma solução headless, esta nova versão terá as seguintes páginas: \n\n- Página inicial: Listará as últimas postagens do blog com a categoria **Desenvolvimento**; \n- Interna: Exibirá o conteúdo da postagem;\n\n\n## Requesitos\n- Utilizar os dados da API do nosso blog: https://blog.apiki.com/wp-json/wp/v2/;\n\n## Diferencial\n- Utilizar alguma metodologia para a organização de seu CSS (BEMCSS, OOCSS, SMACSS... o que preferir :D);\n- Escolha uma lib para criação de interfaces de usuário (React ou Angular); \n\n### Página inicial\nPara montar esta página você precisará consumir do seguinte endpoint: `https://blog.apiki.com/wp-json/wp/v2/posts?_embed\u0026categories=518`, ele já te retornará as últimas 10 postagens cadastradas, cada item do array deve representar uma card contendo:\n\n- Imagem destacada: Você encontrará um atributo chamado `_embedded`, dentro deste atributo você encontrará o `wp:featuredmedia`;\n- Título;\n- Link para a postagem: O link deverá conter o atributo `slug`;\n\nAo final da listagem deve haver um botão nomeado **Carregar mais...**, Quando o usuário clicar neste botão você deverá fazer uma nova requisição para o mesmo endpoint informando o parâmetro `page`, este parâmetro deve receber o número da próxima página, exemplo: `https://blog.apiki.com/wp-json/wp/v2/posts?_embed\u0026categories=518\u0026page=2`. Você deve estar se perguntando, \"como sei se haverá uma próxima página?\", isso é simples, no **Header** de resposta desta requisição virá 2 atributos necessários para essa façanha `X-WP-Total` que diz a quantidade total de postagens que essa categoria possui, e o parâmetro `X-WP-TotalPages` que te informará qual o total de páginas de postagens que essa categoria possui.\n\n### Interna\nPara montar esta página você precisará consumir do seguinte endpoint: `https://blog.apiki.com/wp-json/wp/v2/posts?_embed\u0026slug=wordpress-escolha-site-pequenas-empresas`, lembre-se de substituir o `slug` dado como exemplo pelo slug definido no **Link para a postagem** da **Página inicial**, o layout deve conter os seguintes elementos:\n\n- Imagem destacada;\n- Título;\n- Conteúdo;\n\nSeja criativo, construa um layout pensando no usuário final, e sinta-se a vontade para incrementar o layout com outros atributos disponíveis no JSON retornado. \n\n## Critérios de avaliação\n\n- Organização do código;\n- Responsividade;\n- Reaproveitamento de código;\n- SEO;\n\n## Como submeter seu projeto\n\n1. Efetue o fork deste repositório e crie um branch com o seu nome e sobrenome. (exemplo: fulano-dasilva);\n1. Após finalizar o desafio, crie um Pull Request;\n1. Aguarde algum contribuidor realizar o code review;\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FApiki%2Ffront-end-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FApiki%2Ffront-end-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FApiki%2Ffront-end-challenge/lists"}