Projeto final do Curso Explorer da RocketSeat, neste desafio, desenvolvi o food explorer, um menu interativo para um restaurante fictício, que funciona com layout mobile, tablet e desktop.
A aplicação é um site completo que vai desde a visualização de um prato até o pagamento do mesmo.
O admin é a pessoa responsável pelo restaurante, logo, poderá criar, visualizar, editar e apagar um prato a qualquer momento. Cada prato deve conter uma imagem, um nome, uma breve descrição, os ingredientes e o seu preço. Ao clicar em adicionar prato, o admin receberá uma mensagem de sucesso e será redirecionado para a página principal;
O usuário irá visualizar todos os pratos cadastrados e, quando clicar em um prato, será redirecionado para uma nova tela com informações mais detalhadas sobre ele.
Tanto o admin quanto o usuário poderão buscar os pratos por nome e/ou ingredientes;
Certifique-se de ter o npm instalado em sua máquina. Você pode verificar a versão do npm executando o seguinte comando no terminal:
npm -v
Clone este repositório para sua máquina local:
git clone https://github.com/renyzeraa/foodexplorer-frontend.git
Navegue até o diretório do projeto:
cd /web/src
Instale as dependências do projeto usando o npm:
npm install
Para iniciar o projeto, execute o seguinte comando:
npm run dev
Isso irá iniciar o servidor de desenvolvimento do FRONT-END, e criará um link para rodar em sua maquina local, copie o link que ira gerar no terminal, abra um navegador e cole o link. Agora você pode ver o projeto em execução!
No arquivo *api.js* tem o base url da api que esta utilizando atualmente
Login Admin: [email protected]
Senha : renan123
foodexplorer-eight.vercel.app/
🛠 FullStack Developer Jr.
💼 IPM Sistemas
📍 Santa Catarina - Brazil
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent