Este repositório contém o código-fonte do front-end desenvolvido em React para o projeto "Minha Primeira API", criado durante o curso Eu Programo - Back-End. Ele serve como interface de usuário para interagir com a API back-end, demonstrando a integração entre as duas partes da aplicação.
Este front-end foi construído para consumir a API desenvolvida no projeto meu-primeiro-projeto-back-end, permitindo a visualização e manipulação dos dados de modelos e mulheres. É um exemplo prático de como uma aplicação front-end se conecta e utiliza serviços de back-end.
Para configurar e executar este front-end em sua máquina local, siga os passos abaixo:
-
Clone o Repositório:
git clone https://github.com/AlineNRS/front-programaria-react.git
-
Navegue até o Diretório do Projeto:
cd front-programaria-react -
Instale as Dependências:
npm install
-
Inicie o Servidor de Desenvolvimento:
npm run dev
O aplicativo estará disponível em
http://localhost:5173(ou outra porta indicada pelo Vite ).Certifique-se de que o back-end (
meu-primeiro-projeto-back-end) esteja rodando para que o front-end possa se comunicar com a API.
Durante o desenvolvimento deste front-end, tive a oportunidade de aprofundar meus conhecimentos em:
- Consumo de APIs: Como fazer requisições HTTP para um back-end e lidar com as respostas.
- Gerenciamento de Estado: Como gerenciar o estado da aplicação React para exibir e atualizar dados.
- Componentização: A importância de dividir a interface em componentes reutilizáveis.
- Integração Front-end/Back-end: Entender o fluxo de dados entre as duas camadas da aplicação.
- Back-end do Projeto: meu-primeiro-projeto-back-end
- Aplicação Publicada (Vercel): https://lnkd.in/dgNAkiEk