https://github.com/guilhaof/ifood-react
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
https://github.com/guilhaof/ifood-react
card-validation-js imaskjs react react-form-hook router-dom-v6 styled-components toastify typescript yup yup-schema yup-validation
Last synced: 3 months ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/guilhaof/ifood-react
- Owner: GuilhaoF
- Created: 2023-12-06T01:40:11.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-06T02:40:17.000Z (about 2 years ago)
- Last Synced: 2025-02-27T10:57:08.196Z (12 months ago)
- Topics: card-validation-js, imaskjs, react, react-form-hook, router-dom-v6, styled-components, toastify, typescript, yup, yup-schema, yup-validation
- Language: TypeScript
- Homepage:
- Size: 245 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Food Commerce
Sobre Projeto |
Funcoes |
Tecnologias |
Requisitos |
Startando Projeto |
License |
Author
# Olá, me chamo Luis Felipe! 👋
## :dart: About ##
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 carrinho, façam pedidos e acompanhem o status da entrega ate mesmo entrand em contato com a loja.
## :sparkles: Features ##
:heavy_check_mark: Adicionar os lanches
:heavy_check_mark: Visualizar no carrinho
:heavy_check_mark: Aplicacao Toda Responsiva
:heavy_check_mark: Gerencia o carrinho : exclui, adiciona , aumenta quantidade de determinado item e calcula mostrando o valor total
:heavy_check_mark: Gera a ordem de pagamento usando api de pagamentos da Asaas(modo de ambiente de testes)
🖥️📱 Tela de Apresentacao - Mobile e Desktop
🖥️📱 Formulario de Entrega e Pagamento - Mobile e Desktop
🖥️📱 Pedido Confirmado - Mobile e Desktop
## :rocket: Technologias ##
Tecnologias e Ferramentas usadas neste projeto
- [Node.js](https://nodejs.org/en/)
- [React](https://pt-br.reactjs.org/)
- [Typescript](https://www.typescriptlang.org/)
- [Javascript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [Api de Pagamento da Asaas](https://www.asaas.com/)
- [Yup Formularios Validator](https://github.com/jquense/yup)
- [Styled-components](https://styled-components.com/)
- [React Router](https://reactrouter.com/en/main)
## :white_check_mark: Requirements ##
Para Iniciar :checkered_flag:, Voce deve ter o [Git](https://git-scm.com),[Node](https://nodejs.org/en/) instalados em sua maquina.
## :checkered_flag: Clonando Projeto ##
```bash
# Clone this project
$ git clone
# Access
$ cd ifood-react
# Install dependencies
$ npm install
# Run the project
$ npm run start
```
## ⚒️ Variáveis de Ambiente
Para rodar esse projeto, você vai precisar adicionar as seguintes variáveis de ambiente no seu .env
`REACT_APP_API_BASE_URL`
`PORT`
## :memo: License ##
Licenca [LICENSE](LICENSE.md)
## 📧 Suporte
Para suporte, mande um email para luisphelipe1000@gmail.com ou entre em nosso canal do Slack.
## 🔗 Links
[](https://portifolio-luis-guilhaof.vercel.app/)
[](https://www.linkedin.com/in/luis-felipe-silv/)
De :heart: para Guilhaof