Romariorfr / Catalogo-de-filmes

"Trata-se de um site no formato de catálogo de filmes, onde as notas atribuídas pelos usuários ficam armazenadas junto às avaliações de cada título."

DSMovie 🎞️

Projeto semana Spring+React DevSuperior.

É uma aplicação web desenvolvida durante um evento de programação denominado Semana Spring React. Essa aplicação tem como objetivo permitir a avaliação de filmes e foi criada utilizando as tecnologias Spring e React.

Desktop

Navegation	Avaliation	Validation	Validation

💻 Sobre o projeto

O DSMovie é um aplicativo web Full Stack que mantém uma coleção de filmes e suas respectivas classificações. A página oferece uma interface interativa para o usuário, que pode realizar a avaliação individual de cada filme, atribuindo uma classificação de 1 a 5 estrelas. A aplicação também exibe o número total de avaliações para cada título e a média final de estrelas. Cada avaliação é armazenada no banco de dados, juntamente com os dados do usuário, como o endereço de e-mail e a quantidade de estrelas atribuída ao título selecionado.

⚙️ Funcionalidades

• Manter uma coleção de filmes e suas respectivas classificações.
• Permitir a interação do usuário com a aplicação web.
• Permitir ao usuário realizar a avaliação individual de cada filme, fornecendo uma classificação de 1 a 5 estrelas.
• Exibir o total de avaliações para cada título.
• Calcular e exibir a média final de estrelas atribuídas a cada filme.
• Armazenar no banco de dados as avaliações e os dados do usuário, como endereço de e-mail e quantidade de estrelas atribuída ao título selecionado.

📚 Tecnologias utilizadas

Back end

• Java
• Spring Boot
• Spring data JPA
• Spring Web
• H2 Database
• PostgreSQL
• Maven
• Postman

Front end

• Visual Code
• HTML / CSS / JS / TypeScript
• ReactJS
• React Native
• React Router DOM
• React Hooks
• Apex Charts
• Expo
• Bootstrap
• Axios

Como Rodar Este Projeto Localmente

Ferramentas Necessárias

1. Node.js e npm:

   • Versão mínima do Node.js: 14.x
   • Download do Node.js

2. Yarn:

   • Utilizamos o Yarn como gerenciador de pacotes.
   • Instale o Yarn com o seguinte comando no terminal:

     npm install -g yarn

3. Maven:

   • Maven é utilizado para construir o projeto backend.
   • Download do Maven

Instalação de Dependências

Após clonar o repositório, navegue até as pastas /backend e /frontend e execute os seguintes comandos:

Backend

1. Navegue até a pasta /backend do projeto:

   cd Catalogo-de-filmes/backend

2. Execute o comando para construir o projeto:

   mvn clean install

3. Após a construção, inicie o backend:

   java -jar target/dsmovie-0.0.1-SNAPSHOT.jar

4. O backend estará rodando em http://localhost:8080.

Frontend

1. Navegue até a pasta /frontend do projeto:

   cd Catalogo-de-filmes/frontend

2. Abra um terminal e instale as dependências com o comando:

   yarn install

3. Após a instalação, inicie a aplicação com o comando:

   yarn start

Agora, você pode seguir essas instruções para configurar e executar o projeto localmente em sua máquina. Se encontrar algum problema, certifique-se de seguir as instruções cuidadosamente e verifique se todas as dependências foram instaladas corretamente. Enjoy! 🚀

🧑‍🚀 Author

Romário Ferreira de Rezende / Desenvolvedor Web Full stack

https://www.linkedin.com/in/romarioferreiradeveloper