ajaynegi33/LibraryMan

Connect React Frontend with Java Spring Boot Backend

Aberta

#88 aberto em 29 de set. de 2024

Ver no GitHubGuia do colaborador
 (2 comentários) (0 reação) (1 responsável)JavaScript (25 forks)auto 404
Hacktoberfest-acceptedenhancementgood first issuehacktoberfeststatus: ready for dev

Métricas do repositório

Stars
 (33 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Description:

Integrate the React frontend with the Java Spring Boot backend to ensure seamless data flow and communication between the two layers. This involves setting up API calls in the frontend, configuring CORS if necessary, and ensuring both services are properly communicating.

Tasks:

  1. Frontend:

    • Set up API calls using Axios or Fetch for the following endpoints:
    • Handle request/response cycles (display loading states, error handling).
    • Update the frontend UI as per the responses from the backend.

  2. Backend:

    • Configure CORS in Spring Boot to allow frontend requests if they are hosted on a different domain or port.
    • Ensure that the required endpoints (GET, POST, etc.) are properly set up and return the correct responses.

  3. Integration:

    • Test the API connection between frontend and backend.
    • Ensure proper handling of errors and timeouts on both frontend and backend.

Guia do colaborador

Direção de pesquisa
Configure chamadas de API do React para o backend Spring Boot usando Axios ou Fetch, configure o CORS para permitir requisições de origens diferentes e teste a integração.
Pilha de tecnologia
javascriptreactjavaspring
Domain
full stack
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactJavaSpring BootAxios or Fetch
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70