MovieFlix

Sobre   |   Estrutura do Projeto   |   Features   |   Tecnologias   |   Requerimentos   |   Execução   |   Licença   |   Autor

🎯 Sobre

Desafio realizado como requisito obrigatório do Bootcamp Spring React da DevSuperior. O desenvolvimento do back-end foi feito em Java, utilizando a metodologia TDD com testes escritos usando o JUnit5. O desenvolvimento do front-end utilizou TypeScript e React (React Router Dom, Context API e Axios).

📝 Estrutura do Projeto

O sistema MovieFlix é um catálogo de filmes que podem ser listados e avaliados pelos usuários. Existem dois tipos de usuários: visitantes (VISITOR) e membros (MEMBER). Apenas os usuários membros podem inserir avaliações no sistema.

Ao acessar o sistema, é necessário que o usuário faça login. Somente usuários logados podem navegar pelos filmes. Após o login, o usuário é direcionado para a listagem de filmes, que são exibidos de forma paginada e ordenados alfabeticamente por título. É possível filtrar os filmes por gênero.

Ao selecionar um filme, uma página de detalhes é exibida, mostrando todas as informações do filme, além de suas avaliações. Se o usuário for um MEMBER, ele também pode registrar uma avaliação nesta página.

Cada usuário tem um nome, email e senha, sendo o email utilizado como nome de usuário. Cada filme conta com um título, subtítulo, imagem, ano de lançamento, sinopse e gênero. Os usuários membros podem registrar avaliações para os filmes. Um mesmo usuário membro pode deixar mais de uma avaliação para o mesmo filme.

Layout mobile

Layout Web

Modelo conceitual

✨ Features

✔️ Login de Usuário: Apenas usuários autenticados podem acessar o sistema.

✔️ Listagem de Filmes: Filmes listados de forma paginada e ordenados alfabeticamente.

✔️ Detalhes do Filme: Página com informações detalhadas do filme e suas avaliações.

✔️ Avaliação de Filmes: Usuários membros podem registrar avaliações para os filmes.

✔️ Filtragem por Gênero: Opção de filtrar filmes por gênero.

🚀 Tecnologias

Back end

• Java
• Spring Boot
• JUnit5
• JPA / Hibernate
• Maven

Front end

• HTML / CSS / JS / TypeScript
• ReactJS

Implantação em produção

• Back end: Heroku
• Front end web: Netlify
• Banco de dados: Postgresql

✅ Requerimentos

Back end

• Java 11

Front end

• npm / yarn

🏁 Execução

Back end

# clonar repositório
$ git clone https://github.com/gsoaresdz/movieflix.git

# entrar na pasta do projeto back end
$ cd backend

# executar o projeto
$ ./mvnw spring-boot:run

Front end

# clonar repositório
$ git clone https://github.com/gsoaresdz/movieflix.git

# entrar na pasta do projeto front end web
$ cd frontend

# instalar dependências
$ yarn install

# executar o projeto
$ yarn start

📝 Licença

Este projeto está sob licença do MIT. Para obter mais detalhes, consulte o arquivo LICENSE.

Feito com ❤️ by gsoaresdz

 

De volta ao topo