https://github.com/renyzeraa/foodexplorer-frontend

Aplicação para vender o cardápio de um restaurante, com API própria, desafio final do curso Explorer Rocketseat
https://github.com/renyzeraa/foodexplorer-frontend

javascript react styled-components

Last synced: about 1 month ago
JSON representation

Aplicação para vender o cardápio de um restaurante, com API própria, desafio final do curso Explorer Rocketseat

Host: GitHub
URL: https://github.com/renyzeraa/foodexplorer-frontend
Owner: renyzeraa
License: mit
Created: 2022-08-29T17:24:58.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2025-12-17T00:02:15.000Z (6 months ago)
Last Synced: 2025-12-20T13:55:08.415Z (6 months ago)
Topics: javascript, react, styled-components
Language: JavaScript
Homepage: https://foodexplorer-new.vercel.app
Size: 12.9 MB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Food Explorer Front-end 🥗🍽

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.

## Sobre:

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;

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white) ![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

[figma do projeto](https://www.figma.com/design/8iYJqGXut2gyq70LCJv6tm/food-explorer-v2--Community-?node-id=201-1532&p=f&t=fqkf2x9M84ESWEn3-0)

### Instruções de uso

##### - Pré-requisitos

`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

##### - Instalação

`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 foodexplorer-frontend

`Instale as dependências do projeto usando o npm:`

npm install

##### - Executando o Projeto

**Lembre-se de rodar o backend localmente tambem**
**Crie o arquivo .env igual o .env.example e coloque a url do backend**

`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: renan@gmail.com`_
_`Senha : renan123`_

### Deploy do Projeto 🚀

foodexplorer-new.vercel.app/

![image](https://github.com/user-attachments/assets/872a5987-2352-4032-a2d5-fbd59fc684f1)

### Contato