Food Explorer Front-End

Este é o meu projeto final coloquei prática os meus conhecimentos adquiridos pela trilha Explorer de Rocketseat.

👨‍💻 Sobre

Food Explorer é um aplicação desenvolvida a partir das tecnologias ReactJs(Front-End) e NodeJs(Back-End).

Os usuários têm acesso aos cardápios dos restaurantes e podem fazer pedidos de seus pratos escolhidos. Já os administradores têm a capacidade de criar e vender os seus próprios pratos.

🔗 API (Back-End)

• food-explorer-backend

🎨 Layout

A página inicial em versão desktop é vista na imagem abaixo:

---

🛠 Tecnologias

As tecnologias que foram na criação do projeto Front-End:

• ReactJs
• Javascript
• Vite
• Express
• Knex
• BCryptjs
• JSON Web Token
• Axios
• Styled Components
• React Icons
• Swiper
• React Router Dom

---

🚨 Como utilizar

Clone o projeto para o local desejado em seu computador.

$ git clone git@github.com:AdrielKlem/food-explorer-frontend.git

---

⚙ Executando o 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/

🔑 Quer ver como a aplicação funciona vista pelo Admin? Use a conta a seguir:

  e-mail: admin
  senha: admin

---

Observação

O Front-End foi hospedado nos serviços de Netlify, enquanto o Back-End foi hospedado nos serviços de Render.

Devido à natureza gratuita desses serviços, é possível que a comunicação com o Back-End da aplicação apresente demoras, podendo resultar em atrasos de pelo menos 1 minuto para o funcionamento normal da aplicação.

Acesse o Projeto Final