Aula 1:

• Iniciando a API ✅
• Obtendo Restaurantes da API ✅

Aula 2:

• Preparando a pagina Admin ✅
• Listando e cadastrando Restaurantes ✅
• Desafio: paginação alternativa ✅

Aula 3:

• Editando e deletando restaurantes ✅
• Desafio: Campo de busca restaurante ✅

Aula 4:

• Layout na régua ✅
• Refatorando o axios ✅
• Desafio: ordenando restaurantes ✅

Aula 5:

• Upgrade na pagina administração ✅
• Extraindo o layout base ✅

Aula 6:

• Exibindo pratos ✅
• Formulário de pratos ✅
• Enviando pratos para API ✅
• Desafio: Administrando pratos ✅

Alfood

O Alfood é um site que lista restaurantes e pratos do menu. É um MVP (Produto Viável Mínimo) que tá só começando e ainda tem muitas funcionalidades novas para serem desenvolvidas.

🔨 Funcionalidades do projeto

O Alfood começa com uma listagem estática de seu conteúdo e é esse o problema que queremos resolver. No decorrer do curso, vamos implementar toda a camada de comunicação com a API.

✔️ Técnicas e tecnologias utilizadas

Se liga nessa lista de tudo que usaremos nesse treinamento:

• React
• React Hooks
• TypeScript
• axios

🛠️ Abrir e rodar o projeto

Para abrir e rodar o projeto: Na pasta alurafood execute npm i para instalar as dependências e npm start para inicar o projeto.

Depois, acesse http://localhost:3000/ no seu navegador.

🛠️ Abrir e rodar a API

Baixar a API https://github.com/alura-cursos/restaurantes_api

Instalar o Docker desktop https://www.docker.com/

Na pasta restaurantes_api-master, (somente na 1º vez) execute: docker compose build.

Na pasta restaurantes_api-master, para iniciar a API execute: docker compose up

Depois, acesse http://localhost:8000/ no seu navegador.

📚 Mais informações do curso

Busque na plataforma da Alura o curso Integrando seu projeto React com APIs publicado na Escola Frontend.