{"id":19293027,"url":"https://github.com/catarse/desafio-dev-front-end","last_synced_at":"2026-03-02T11:02:32.432Z","repository":{"id":138956168,"uuid":"409716795","full_name":"catarse/desafio-dev-front-end","owner":"catarse","description":"Arquivos e instruções para o desafio para Pessoa Desenvolvedora Front-end","archived":false,"fork":false,"pushed_at":"2021-09-23T20:17:34.000Z","size":8,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-02-24T00:20:06.776Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/catarse.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":"2021-09-23T19:18:17.000Z","updated_at":"2021-09-23T20:17:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"42c09f4c-1446-4574-9407-7c50d7d58629","html_url":"https://github.com/catarse/desafio-dev-front-end","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/catarse/desafio-dev-front-end","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catarse%2Fdesafio-dev-front-end","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catarse%2Fdesafio-dev-front-end/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catarse%2Fdesafio-dev-front-end/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catarse%2Fdesafio-dev-front-end/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catarse","download_url":"https://codeload.github.com/catarse/desafio-dev-front-end/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catarse%2Fdesafio-dev-front-end/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29999224,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-02T09:59:02.300Z","status":"ssl_error","status_checked_at":"2026-03-02T09:59:02.001Z","response_time":60,"last_error":"SSL_read: 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":[],"created_at":"2024-11-09T22:33:51.318Z","updated_at":"2026-03-02T11:02:32.404Z","avatar_url":"https://github.com/catarse.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Desafio Pessoa Desenvolvedora Front-end\n\nO desafio consiste na implementação de um projeto utilizando o framework front-end de sua preferência.\n\nO projeto é o Catarsinho, um Catarse com um escopo bem reduzido, onde será possível visualizar os projetos da plataforma, visitar a página do projeto e adicionar um apoio numa \"cesta de apoio\". Para auxiliar e focar apenas no que importa para nós, estamos fornecendo um layout já pronto (feito utilizando https://bulma.io) e também um conjunto de dados para simular uma API em ambiente local.\n\nUtilizando a API e o layout fornecidos, queremos que você implemente do front-end da aplicação. Esse teste serve para gente entender como você organiza o projeto, componetiza a aplicação, faz a comunicação entre componentes, testa o código, resolve problemas e organiza os commits.\n\n## Requisitos:\n\n- Utilizar o framework de sua preferência (Vue.js, Angular, Svelte, React e etc)\n- Criar página de visualização de projetos\n  - Mostrar: nome, imagem, progresso da campanha, % arrecadadado e valor arrecadado\n- Criar página de detalhes do projeto\n  - Mostrar nome, imagem, progresso da campanha, % arrecadadado, valor arrecadado e descrição do projeto\n- Na página de detalhes do projeto, mostrar as opções de apoio do projeto e um botão \"Apoiar\"\n  - São 4 opções: R$ 10, R$ 25, R$ 50 e R$ 100.\n- Ao clicar em \"Apoiar\", Os valores na barra de navegação (quantidade de itens e valor total dos apoios) deverão ser atualizados\n- O carrinho de apoio (as informações presentes na barra de navegação superior no canto direito) deve manter os itens mesmo mudando de página.\n\n### Bônus\n- Implementar os testes unitários de 1 componente (pode ser o que você achar mais importante)\n- Implementar algum teste de e2e, por exemplo: navegar na listagem de projetos, clicar num projeto e verificar se a página está com as informações corretas.\n\nSe você conseguir estruturar bem seus commits, facilitando o entendimento de como foi o progresso de cada funcionalidade, além de mostrar como você se organiza, facilitará bastante nossa análise.\n\nNão é necessário implementar todos os pontos, pode enviar com os pontos que conseguir implementar pois analisaremos com o mesmo carinho.\n\n## Configurando API no ambiente local:\n\nInstale o json-server no seu ambiente: https://github.com/typicode/json-server\n\nDepois execute `json-server --watch db.json`. Esse `db.json` é o arquivo que está presente no repositório. São os dados dos projetos.\n\nAcesse `http//localhost:3000/projects` para acessar a listagem de projetos. E `http//localhost:3000/projects/:id` para acessar um projeto apenas.\n\n## Layout\nA página home, que lista os projetos (é o arquivo layout-home.html):\n![layout-home.html](https://user-images.githubusercontent.com/3025661/134577514-b59b6f91-135d-445d-8620-82304019e9b3.png)\n\nA página de detalhes do projeto (é o arquivo layout-project.html):\n![layout-project.html](https://user-images.githubusercontent.com/3025661/134577615-4db721a2-ea01-415a-acb9-7b5d63bc31a0.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatarse%2Fdesafio-dev-front-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatarse%2Fdesafio-dev-front-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatarse%2Fdesafio-dev-front-end/lists"}