{"id":16632778,"url":"https://github.com/jerp86/wefit-test-react","last_synced_at":"2026-04-14T15:31:24.820Z","repository":{"id":100651815,"uuid":"597296499","full_name":"jerp86/wefit-test-react","owner":"jerp86","description":"O desafio consiste na criação de um site de e-commerce simplificado do zero, onde foi criado um fluxo seguindo as telas apresentadas no protótipo.","archived":false,"fork":false,"pushed_at":"2023-10-07T00:02:39.000Z","size":579,"stargazers_count":0,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T21:41:36.996Z","etag":null,"topics":["axios","challenge","immer","json-server","nextjs","react","stitches","use-context-selector","wefit"],"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/jerp86.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":"2023-02-04T04:58:46.000Z","updated_at":"2023-02-06T04:36:13.000Z","dependencies_parsed_at":"2024-11-17T12:43:20.490Z","dependency_job_id":"f84941fd-c006-4eba-98cd-ae116fb6f387","html_url":"https://github.com/jerp86/wefit-test-react","commit_stats":{"total_commits":84,"total_committers":1,"mean_commits":84.0,"dds":0.0,"last_synced_commit":"ea888dd89783ffc79b30486f77444bbbde6b10a6"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jerp86/wefit-test-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jerp86%2Fwefit-test-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jerp86%2Fwefit-test-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jerp86%2Fwefit-test-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jerp86%2Fwefit-test-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jerp86","download_url":"https://codeload.github.com/jerp86/wefit-test-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jerp86%2Fwefit-test-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31803162,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T11:13:53.975Z","status":"ssl_error","status_checked_at":"2026-04-14T11:13:53.299Z","response_time":153,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["axios","challenge","immer","json-server","nextjs","react","stitches","use-context-selector","wefit"],"created_at":"2024-10-12T05:10:19.658Z","updated_at":"2026-04-14T15:31:24.804Z","avatar_url":"https://github.com/jerp86.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WeFit Test React\n\n\u003cp align=\"center\" style=\"background-color: #2F2E41\"\u003e\n  \u003ca href=\"https://wefit.com.br/\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/54115624/216507723-680f5174-9963-4b6f-b860-605d751aa02f.png\" alt=\"\" style=\"aspect-ratio: 3; width: 50%; object-fit: cover;\" role=\"banner\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"high\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003ch3 align=\"center\"\u003e\n  \u003ca href=\"#information_source-sobre\"\u003eSobre\u003c/a\u003e\u0026nbsp;|\u0026nbsp;\n  \u003ca href=\"#rocket-tecnologias-utilizadas\"\u003eTecnologias\u003c/a\u003e\u0026nbsp;|\u0026nbsp;\n  \u003ca href=\"#art-layout\"\u003eLayout\u003c/a\u003e\n\u003c/h3\u003e\n\u003ch3 align=\"center\"\u003e\n  \u003ca href=\"#rainbow-documenta%C3%A7%C3%A3o-de-cores\"\u003eCores\u003c/a\u003e\u0026nbsp;|\u0026nbsp;\n  \u003ca href=\"#abc-fonte-utilizada\"\u003eFonte\u003c/a\u003e\u0026nbsp;|\u0026nbsp;\n  \u003ca href=\"#zap-como-executar\"\u003eExecutar\u003c/a\u003e\u0026nbsp;|\u0026nbsp;\n\u003c/h3\u003e\n\n---\n\n## :information_source: Sobre\n\nO desafio consiste na criação de um site de e-commerce simplificado do zero, onde foi criado um fluxo seguindo as telas apresentadas no protótipo.\n\nSão elas:\n\n* **Home**: Onde ele terá que fazer uma requisição na API, trazendo assim, a lista de filmes quem podem ser adicionados ao carrinho.\n* **Carinho**: Onde ele poderá ver os itens que foram adicionados, somando o valor total com base em cada item adicionado, podendo remover um item do carrinho. Por padrão, se o carrinho tiver nenhum item adicionado, deverá aparecer a tela de **empty** com a opção de voltar para tela inicial.\n* **Compra realizada**: Após confirmar o pedido na tela anterior, o usuário deverá ser encaminhado para a tela de pedido confirmado. Aqui o usuário também terá a opção de voltar para tela inicial.\n\nPara simular o servidor, foi utilizado o JSON-server com o arquivo server fornecido.\n\n\n## :rocket: Tecnologias Utilizadas\n\n- [Next.js](https://nextjs.org/)\n- [Axios](https://axios-http.com/)\n- [ESLint](https://eslint.org/)\n- [immer](https://github.com/immerjs/immer#readme)\n- [JSON Server](https://github.com/typicode/json-server)\n- [Stitches](https://stitches.dev/)\n- [use-context-selector](https://github.com/dai-shi/use-context-selector#readme)\n- [@rocketseat/eslint-config](https://github.com/rocketseat/eslint-config-rocketseat#readme)\n\n\n## :art: Layout\n\nPara essa aplicação foi fornecido um layout para que fosse possível seguir e implementar todas as funcionalidades desenhadas no [#Figma](https://www.figma.com/).\n\n[Protótipo do Figma - WeMovie](https://www.figma.com/file/0ZyTELvPCSCnib16XG49YP/Teste-Front-React-WeFit---2022?node-id=0%3A1)\n\n## :rainbow: Documentação de cores\n\n| Cor       | Hexadecimal |\n| --------- | ----------- |\n| white     | #FFFFFF     |\n|           |             |\n| gray-100  | #D9D9D9     |\n| gray-300  | #999999     |\n| gray-500  | #333333     |\n| gray-900  | #2F2E41     |\n|           |             |\n| blue      | #009EDD     |\n| green     | #039B00     |\n\n\n## :abc: Fonte utilizada\n\n- [Open Sans](https://fonts.google.com/specimen/Open+Sans?family=Open+Sans\u0026query=open+sans), designed by [Steve Matteson](https://fonts.google.com/?query=Steve%20Matteson)\n\n## :zap: Como executar\n\n- Clone o projeto:\n```\ngit clone https://github.com/jerp86/wefit-test-react.git\n```\n- Acesse a pasta clonada:\n```\ncd wefit-test-react\n```\n- Instale as dependências:\n```\nnpm ci\n```\n- Inicie a fake API e o projeto juntos:\n```\nnpm run dev:start\n```\n\nCaso tenha interesse em rodar em terminais separados, você pode utilizar o seguinte:\n| Para iniciar a fake API    | Para iniciar o projeto |\n| -------------------------- | ---------------------- |\n| ```npm run dev:server ``` | ``` npm run dev ```    |\n\n\n\n---\n\n\u003ch4 align=\"center\"\u003e\n  Feito por Jerp 👋️\n\u003c/h4\u003e\n\u003ch5 align=\"center\"\u003e\n  \u003ca href=\"mailto:jerp.dev@gmail.com\"\u003eEntre em contato!\u003c/a\u003e\n\u003c/h5\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.linkedin.com/in/jerp/\"\u003e\n    \u003cimg alt=\"Perfil do Linkedin de José Eduardo Rodrigues Pinto\" src=\"https://img.shields.io/badge/LinkedIn-jerp-0e76a8?style=flat\u0026logoColor=white\u0026logo=linkedin\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"high\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjerp86%2Fwefit-test-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjerp86%2Fwefit-test-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjerp86%2Fwefit-test-react/lists"}