Dio - Consumindo API REST com React (CRUD).

Projeto para o Módulo VI - Back-end: Criando API com Node.js do bootcamp Impulso Javascript Evolution uma parceria da Dio e Impulso.

Índice de conteúdo

• Overview
  • O Desafio
  • Screenshots
  • Enviando dados
  • Apagando dados
  • Atualizando dados
  • Esse projeto não é
  • Detalhes
• Meu processo
  • Bibliotecas
  • O que aprendi
• Autor

Overview

O desafio

Construção de uma simples API com Express e TypeORM para consumo com React. Funcionalidades:

• Enviar dados para o back-end;
• Deletar dados;
• Atualizar dados;

Screenshots

Enviando dados

Atualizando dados

Deletando dados

Esse projeto não é

O projeto não é para demonstrar capacidades de estilização, responsividade e validação de formulários. Tem o único objetivo de demonstrar domínio na interação back-end e front-end pela arquitetura RESTful.

Detalhes

• Para inicializar o servidor Express "npm run dev" no dir "back-end".
• Para inicializar o front-end "npm start" no dir front-end.

Meu processo

Bibliotecas

• Express - Gestor de rotas
• TypeORM - ORM
• React - JS lib
• React Query - Caching
• Axios - HTTP Client
• Styled Components - Estilização

O que eu aprendi

• Fazer solicitações AJAX;
• Gerenciar cache e refetching com React Query;
• Arquitetura MVC;
• Introdução a programação back-end com TypeScript;
• ORM;

Autor

• E-mail: atolini@live.com