Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cyberg4b/desafio-food-explorer
Food Explorer é um projeto desenvolvido para conclusão da jornada Explorer oferecido pela Rocketseat. O projeto consiste em um menu interativo para um restaurante fictício.
https://github.com/cyberg4b/desafio-food-explorer
food-delivery nodejs reactjs rocketseat
Last synced: 3 months ago
JSON representation
Food Explorer é um projeto desenvolvido para conclusão da jornada Explorer oferecido pela Rocketseat. O projeto consiste em um menu interativo para um restaurante fictício.
- Host: GitHub
- URL: https://github.com/cyberg4b/desafio-food-explorer
- Owner: cyberg4b
- License: mit
- Created: 2024-05-01T23:25:31.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-16T01:37:21.000Z (7 months ago)
- Last Synced: 2024-09-30T18:21:26.884Z (3 months ago)
- Topics: food-delivery, nodejs, reactjs, rocketseat
- Language: JavaScript
- Homepage:
- Size: 10.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🍲 Food Explorer
Food Explorer é um projeto desenvolvido para conclusão da jornada **Explorer** oferecido pela Rocketseat.
O projeto consiste em um menu interativo para um restaurante fictício.
## 📚 Stack utilizada
HTML, CSS, JavaScript, Node.js, React.js, SQLite
## 🎨 Screenshots
## ⚙️ Funcionalidades
- Cadastro / Login (usuários)
- Cadastro de Pratos
- Filtragem por pesquisa
- Mostrar detalhes do prato
- Adicionar / Remover pratos dos favoritos
- Incluir pedido no carrinho
- Editar prato
- Excluir prato
## 🔧 Variáveis de Ambiente
Para rodar esse projeto, você vai precisar adicionar as seguintes variáveis de ambiente no seu `.env`
`AUTH_SECRET`
`PORT`
## 🛠️ Instalação
Clone o projeto para seu computador:
```bash
$ git clone https://github.com/cyberg4b/desafio-food-explorer
```
### 👨💻 Executando o BackEnd
```bash
# Navegue até o diretório do BackEnd
$ cd backend
# Instale as dependências necessárias
$ npm install
# Agora inicie o servidor do BackEnd
$ npm run dev
```
### 🎨 Executando o FrontEnd
```bash
# Navegue até o diretório do FrontEnd
$ cd frontend
# Instale as dependências necessárias
$ npm install
# Agora inicie o servidor do FrontEnd
$ npm run dev
# O terminal irá exibir o endereço local onde a aplicação está sendo executada. Basta digitar o mesmo endereço em seu navegador preferido. O endereço usado na criação do projeto foi este:
http://localhost:5173/
```
## 💡 Uso/Exemplos
O projeto já conta com dois usuários por padrão para testar a aplicação:
`User` e `Admin`
### 🤵 Admin:
```javascript
[email protected]
admin123
```
O admin tem acesso privilegiado e pode gerenciar o cardápio, adicionando, editando e removendo pratos.
### 👤 User:
```javascript
[email protected]
user123
```
O usuário tem acesso restrito às funcionalidades da aplicação, podendo visualizar o cardápio, filtrar pratos, ver detalhes de pratos específicos, favoritar pratos e adicionar pratos ao carrinho.
## 📖 Bibliotecas
- [bcryptjs](https://www.npmjs.com/package/bcryptjs)
- [cors](https://www.npmjs.com/package/cors)
- [dotenv](https://www.npmjs.com/package/dotenv)
- [express](https://expressjs.com/en/guide/routing.html)
- [express-async-errors](https://www.npmjs.com/package/express-async-errors)
- [jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)
- [knex](https://knexjs.org/guide/)
- [multer](https://www.npmjs.com/package/multer)
- [nodemon](https://www.npmjs.com/package/nodemon)
- [axios](https://axios-http.com/docs/intro)
- [react-router-dom](https://reactrouter.com/en/main)
- [styled-components](https://styled-components.com/docs)