Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabrielsantos1101/front-foodexplorer
Projeto de conclusão do Explorer
https://github.com/gabrielsantos1101/front-foodexplorer
deta-space hacktoberfest html javascript react vercel
Last synced: 3 months ago
JSON representation
Projeto de conclusão do Explorer
- Host: GitHub
- URL: https://github.com/gabrielsantos1101/front-foodexplorer
- Owner: gabrielSantos1101
- Created: 2023-08-09T02:25:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-15T13:16:47.000Z (about 1 year ago)
- Last Synced: 2024-07-30T18:04:55.851Z (6 months ago)
- Topics: deta-space, hacktoberfest, html, javascript, react, vercel
- Language: JavaScript
- Homepage: https://delivery-explorer.vercel.app/
- Size: 10.5 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍕 Front End - Food Explorer.
## Sobre o Projeto
O **Food Explorer** é um Web App que simula um menu interativo de um restaurante fictício. Ele oferece uma experiência envolvente e informativa aos usuários, permitindo que eles explorem os pratos, bebidas e opções do cardápio de forma interativa e visualmente atraente. Com o **Food Explorer**, os clientes podem navegar pelos pratos, ver imagens, descrições e informações detalhadas sobre cada item, criando uma experiência gastronômica virtual única.
## 📋 Índice
- 📦 [Pré-requisitos](#-pré-requisitos)
- 🛠️ [Instalação](#%EF%B8%8F-instalação)
- 💻 [Tecnologias Utilizadas](#-tecnologias-utilizadas)
- 🤝 [Contribuições](#-contribuições)
- 📄 [Licença](#-licença)
## preview 💻
[acesse o back end aqui](https://github.com/gabrielSantos1101/backEnd-FoodExplorer)
## Conta de demostração
```bash
e-mail: [email protected]
senha: 123
```
## 📦 Pré-requisitos
Liste de pré-requisitos necessários para que o projeto seja executado com sucesso:
- [Node.js](https://nodejs.org/) - Versão v18.18.0 ou superior.
- [npm](https://www.npmjs.com/) ou [Yarn](https://yarnpkg.com/) - Versão 9.5.1 ou superior.
## 🛠️ Instalação
Siga os passos abaixo para instalar e configurar a aplicação em um ambiente local:
1. 📥 **Clone o repositório:**
```bash
git clone https://github.com/gabrielSantos1101/Front-foodExplorer.git
ou a CLI:
gh repo clone gabrielSantos1101/Front-foodExplorer
```
2. 📂 **Navegue para o diretório do projeto:**
```bash
cd ./Front-foodExplorer
```
3. 📦 **Instale as dependências:**
```bash
npm install
ou
npm i
```
4. ⚙️ **Crie um arquivo de configuração:**
Crie um arquivo `.env` como mostra no arquivo `.env.local.example` na raiz do projeto e configure as variáveis de ambiente necessárias. Por exemplo:
```dotenv
VITE_BASE_URL="api_url"
VITE_IMAGE_API_URL=
```
Certifique-se de substituir `api_url` pela url da **API** do backend.
5. ▶️ **Inicie o servidor:**
```bash
npm run dev
```
Agora a **Aplicação Food Explorer** está instalada, configurada e em execução no seu ambiente local. Você pode começar a usá-la para testes e desenvolvimento.
## 💻 Tecnologias Utilizadas
Liste as principais tecnologias e bibliotecas que você usou no projeto, como:
- [**@phosphor-icons/react**](https://github.com/phosphor-icons/phosphor-react)
- [**axios**](https://axios-http.com/)
- [**jwt-decode**](https://www.npmjs.com/package/jwt-decode)
- [**react**](https://reactjs.org/)
- [**react currency input field**](https://www.npmjs.com/package/react-currency-input-field)
- [**react-dom**](https://reactjs.org/)
- [**react-router-dom**](https://reactrouter.com/web/guides/quick-start)
- [**react-toastify**](https://fkhadra.github.io/react-toastify/introduction)
- [**react easy crop**](https://www.npmjs.com/package/react-easy-crop)
- [**styled-components**](https://styled-components.com/)
- [**splide.js**](https://splidejs.com/)
- [**RadixUI**](https://www.radix-ui.com/)
## Serviços
- [**black_hole**](https://deta.space/discovery/@mikhailsdv/black_hole-3kf)
## 🤝 Contribuições
Agradeço por considerar contribuir para a **Food Explorer API**! Contribuições são importantes para melhorar e evoluir o projeto. Aqui estão algumas maneiras pelas quais você pode contribuir:
### 1. Abertura de Issues
Se você encontrar problemas, bugs ou tiver sugestões de melhorias, sinta-se à vontade para abrir uma issue. Certifique-se de incluir detalhes suficientes para que possamos entender o problema ou a sugestão.
### 2. Envio de Pull Requests (PRs)
Se você deseja fazer alterações no código, pode criar um fork deste repositório, fazer suas alterações no seu fork e, em seguida, enviar um Pull Request. Certifique-se de descrever as alterações que você fez e explicar como isso beneficia o projeto.
### 3. Melhoria da Documentação
A documentação é fundamental para manter a API acessível e fácil de entender. Se você identificar partes do código que precisam de documentação adicional, pode contribuir adicionando comentários claros ou atualizando o README.
### Como Contribuir
1. Faça um fork deste repositório.
2. Crie uma nova branch para suas alterações: `git checkout -b feature/nome-da-sua-feature`.
3. Faça suas alterações e commit: `git commit -m 'Adiciona nova funcionalidade'`.
4. Envie suas alterações para o GitHub: `git push origin feature/nome-da-sua-feature`.
5. Abra um Pull Request para este repositório.
🤝 Agradeço por sua contribuição!
## 📄 Licença
O app **Food Explorer** é distribuída sob a licença MIT. Isso significa que você pode usar, modificar e distribuir o código desta API livremente, desde que inclua a declaração de direitos autorais e a licença MIT em qualquer cópia ou parte dela.