{"id":19690177,"url":"https://github.com/guilhaof/ifood-react","last_synced_at":"2025-11-22T12:03:26.599Z","repository":{"id":211016783,"uuid":"727986457","full_name":"GuilhaoF/ifood-react","owner":"GuilhaoF","description":"Food Commerce é um aplicativo de pedidos de comida desenvolvido em React, projetado para oferecer uma experiência simples e intuitiva para os usuários solicitarem comida. Com uma interface amigável e atrativa, o aplicativo web permite que os usuários naveguem por uma variedade de tipos de comidas , visualizem seus pedidos e itens que colocaram no c","archived":false,"fork":false,"pushed_at":"2023-12-06T02:40:17.000Z","size":251,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-27T10:57:08.196Z","etag":null,"topics":["card-validation-js","imaskjs","react","react-form-hook","router-dom-v6","styled-components","toastify","typescript","yup","yup-schema","yup-validation"],"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/GuilhaoF.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-12-06T01:40:11.000Z","updated_at":"2024-07-18T14:37:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"3bb410d6-72d1-4590-80f0-492cb50aaba7","html_url":"https://github.com/GuilhaoF/ifood-react","commit_stats":null,"previous_names":["guilhaof/ifood-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GuilhaoF/ifood-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuilhaoF%2Fifood-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuilhaoF%2Fifood-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuilhaoF%2Fifood-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuilhaoF%2Fifood-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GuilhaoF","download_url":"https://codeload.github.com/GuilhaoF/ifood-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuilhaoF%2Fifood-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":285785837,"owners_count":27231199,"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-11-22T02:00:05.934Z","response_time":64,"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":["card-validation-js","imaskjs","react","react-form-hook","router-dom-v6","styled-components","toastify","typescript","yup","yup-schema","yup-validation"],"created_at":"2024-11-11T19:04:43.253Z","updated_at":"2025-11-22T12:03:26.594Z","avatar_url":"https://github.com/GuilhaoF.png","language":"TypeScript","readme":"\u003cdiv align=\"center\" id=\"top\"\u003e \n  \u003cimg width=\"512\" height=\"512\"  src=\"https://img.icons8.com/arcade/512/fast-food.png\" alt=\"app-logo\" /\u003e\n\n  \u0026#xa0;\n\n  \u003c!-- \u003ca href=\"https://nativehelp.netlify.app\"\u003eDemo\u003c/a\u003e --\u003e\n\u003c/div\u003e\n\n\u003ch1 align=\"center\"\u003eFood Commerce\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Github top language\" src=\"https://img.shields.io/github/languages/top/Guilhaof/weather-app?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"Github language count\" src=\"https://img.shields.io/github/languages/count/Guilhaof/weather-app?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"Repository size\" src=\"https://img.shields.io/github/repo-size/Guilhaof/weather-app?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"License\" src=\"https://img.shields.io/github/license/Guilhaof/weather-app?color=56BEB8\"\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#dart-about\"\u003eSobre Projeto\u003c/a\u003e \u0026#xa0; | \u0026#xa0; \n  \u003ca href=\"#sparkles-features\"\u003eFuncoes\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#rocket-technologies\"\u003eTecnologias\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#white_check_mark-requirements\"\u003eRequisitos\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#checkered_flag-starting\"\u003eStartando Projeto\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"#memo-license\"\u003eLicense\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n  \u003ca href=\"https://github.com/Guilhaof\" target=\"_blank\"\u003eAuthor\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n# Olá, me chamo Luis Felipe! 👋\n\n## :dart: About ##\n\nFood Commerce é um aplicativo de pedidos de comida desenvolvido em React, projetado para oferecer uma experiência simples e intuitiva para os usuários solicitarem comida. Com uma interface amigável e atrativa, o aplicativo web  permite que os usuários naveguem por uma variedade de tipos de comidas , visualizem seus pedidos e itens que colocaram no carrinho, façam pedidos e acompanhem o status da entrega ate mesmo entrand em contato com a loja.\n\n## :sparkles: Features ##\n\n:heavy_check_mark: Adicionar os lanches \n:heavy_check_mark: Visualizar no carrinho\n:heavy_check_mark: Aplicacao Toda Responsiva \n:heavy_check_mark: Gerencia o carrinho : exclui, adiciona , aumenta quantidade de determinado item e calcula mostrando o valor total\n:heavy_check_mark: Gera a ordem de pagamento usando api de pagamentos da Asaas(modo de ambiente de testes)\n\n\n\u003ch2\u003e 🖥️📱 Tela de Apresentacao  - Mobile e Desktop\u003c/h2\u003e\n\u003cp align=\"center\"\u003e \n \u003cimg src=\"https://github.com/GuilhaoF/ifood-react/assets/67026555/6035081c-469d-403c-8d18-f4754b7a7a59\" widht='2600px' height='1080px'    alt=\"app-mobile-desktop/\u003e\n\u003c/p\u003e\n\n\u003ch2\u003e  🖥️📱 Carrinho - Mobile e Desktop  \u003c/h2\u003e\n\u003cp align=\"center\"\u003e \n \u003cimg src=\"https://github.com/GuilhaoF/ifood-react/assets/67026555/d1551270-e885-4cc7-b413-5b740c776b82\" widht='2600px' height='1080px'    alt=\"app-mobile-desktop\"/\u003e\n\u003c/p\u003e\n\n\n\u003ch2\u003e  🖥️📱 Formulario de Entrega e Pagamento - Mobile e Desktop \u003c/h2\u003e\n\u003cp align=\"center\"\u003e \n \u003cimg src=\"https://github.com/GuilhaoF/ifood-react/assets/67026555/0ddd9291-cab0-4250-9d75-e799f830d891\" widht='2600px' height='1080px'    alt=\"app-mobile-desktop\"/\u003e\n\u003c/p\u003e\n\n\u003ch2\u003e   🖥️📱 Pedido Confirmado - Mobile e Desktop \u003c/h2\u003e\n\u003cp align=\"center\"\u003e \n \u003cimg src=\"https://github.com/GuilhaoF/ifood-react/assets/67026555/39d6589c-bf65-45e3-8b64-8b4cca8ab78f\" widht='2600px' height='1080px'    alt=\"app-mobile-desktop\"/\u003e\n\u003c/p\u003e\n\n## :rocket: Technologias ##\n\nTecnologias e Ferramentas usadas neste projeto\n\n- [Node.js](https://nodejs.org/en/)\n- [React](https://pt-br.reactjs.org/)\n- [Typescript](https://www.typescriptlang.org/)\n- [Javascript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)\n- [Api de Pagamento da Asaas](https://www.asaas.com/)\n- [Yup Formularios Validator](https://github.com/jquense/yup)\n- [Styled-components](https://styled-components.com/)\n- [React Router](https://reactrouter.com/en/main)\n\n## :white_check_mark: Requirements ##\n\nPara Iniciar :checkered_flag:, Voce deve ter o [Git](https://git-scm.com),[Node](https://nodejs.org/en/) instalados em sua maquina.\n\n## :checkered_flag: Clonando Projeto ##\n\n```bash\n# Clone this project\n$ git clone \n\n# Access\n$ cd ifood-react\n\n# Install dependencies\n$ npm install \n\n# Run the project\n$ npm run start\n\n```\n\n## ⚒️ Variáveis de Ambiente\n\nPara rodar esse projeto, você vai precisar adicionar as seguintes variáveis de ambiente no seu .env\n\n`REACT_APP_API_BASE_URL`\n`PORT`\n\n\n## :memo: License ##\n\nLicenca [LICENSE](LICENSE.md)\n\n## 📧 Suporte\nPara suporte, mande um email para luisphelipe1000@gmail.com ou entre em nosso canal do Slack.\n\n## 🔗 Links\n[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://portifolio-luis-guilhaof.vercel.app/)\n[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/luis-felipe-silv/)\n\n\nDe :heart: para \u003ca href=\"https://github.com/Guilhaof\" target=\"_blank\"\u003eGuilhaof\u003c/a\u003e\n\n\u0026#xa0;\n\n\u003ca href=\"#top\"\u003eVolte ao Topo\u003c/a\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguilhaof%2Fifood-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguilhaof%2Fifood-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguilhaof%2Fifood-react/lists"}