DSMovie 📺

🔎 Sobre o projeto (About the project)

Aplicação foi desenvolvida durante a Semana Spring React do DevSuperior. A aplicação consiste em fazer uma busca paginada e avaliação de filmes. O Back-End foi construído com Spring Boot e o Front-End com React

Application was developed during DevSuperior's Spring React Week. The application consists of doing a page search and evaluating movies. The Back-End was built with Spring Boot and the Front-End with React

🔥 Modelo Conceitual (Conceptual Model)

🎨 Tecnologias Front-End (Technologies Front-End)

• React
• Axios
• React Router Dom
• TypeScript
• Styled-Components
• Netlify

🔧 Tecnologias Back-End (Technologies Back-End)

• Java
• Spring Boot
• Spring Data JPA
• Spring Web
• H2 DataBase
• Heroku
• PostgreSQL
  
  
  

🚀 Como executar (How to execute)

Primeiramente clone o repositório e acesse a pasta.

$ git clone https://github.com/robinhosz/dsmovie
$ cd dsmovie

Para iniciar o Front-End, siga os passos abaixo:

# Instalar o yarn (install yarn)
$ npm install -g yarn

# Instalar as dependências (install dependencies)
$ yarn

# Iniciar o projeto (start the project)
$ yarn start

O app estará disponível no seu browser pelo endereço => http://localhost:3000.

Para iniciar o Back-End, siga os passos abaixo:

1. Abra a pasta backend em uma IDE java (O nélio usou o SpringTool);
2. Instale as dependências do maven;
3. Execute o arquivo DsmovieApplication.java.

☁️ O app também está disponível na web pela nuvem do Netlify! Clique aqui para visualizar

🎉 Aprendizados Back-end

• Modelo de domínio
• Acesso a banco de dados
• Estruturar o back end no padrão camadas
  • Entities
  • DTO
  • Services
  • Controllers
  • Repositories
• Criar endpoints da API REST
• Implantação na nuvem (Heroku e Netlify)
  
  

🎉 Aprendizados Front-end

• Integração do back end com front end
• Três pilares do React
  • Componentes
  • Props
  • Estado
• React Hooks
  • useState
  • useEffect
  • useParams
  • useNavigate

🧑 Autor

_{José Robson}

👇 Entre em contato.