MovieFlix

Diga o que achou do seu filme favorito

Aqui você irá encontrar vídeos e mais imagens da aplicação.

Sobre o Projeto

MovieFlix é uma aplicação full stack web e mobile construída durante o Bootcamp DevSuperior (#BDS2), evento organizado pela DevSuperior.

A aplicação consiste em um banco de filmes, os quais podem ser listados e avaliados pelos usuários. Usuários podem ser visitantes (VISITOR) e membros (MEMBER). Apenas usuários membros podem inserir avaliações no sistema.

Ao acessar o sistema, o usuário deve fazer seu login. Apenas usuários logados podem navegar nos filmes. Logo após fazer o login, o usuário vai para a listagem de filmes, que mostra os filmes de forma paginada, ordenados alfabeticamente por título. O usuário pode filtrar os filmes por gênero.

Ao selecionar um filme da listagem, é mostrada uma página de detalhes, onde é possível ver todas informações do filme, e também suas avaliações. Se o usuário for usuário membro, ele pode ainda registrar uma avaliação nessa tela.

Um usuário possui nome, email e senha, sendo que o email é seu nome de usuário. Cada filme possui um título, subtítulo, uma imagem, ano de lançamento, sinopse, e um 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.

A aplicação também é totalmente responsiva e possui tela de cadastro. (Ambas as funcionalidades não eram obrigatórias para a conclusão do projeto e foi um bônus que resolvi implementar).

Link para a aplicação no netlify -> MovieFlix
Link para download do APK -> APK MovieFlix

Você pode acessar a aplicação com os usuários:

VISITOR -> email: bob@gmail.com | senha: 123456

MEMBER -> email: ana@gmail.com | senha: 123456

E caso queira, você também pode criar sua própria conta. Por padrão, novas contas criadas terão o perfil de membro (MEMBER) para que seja possível testar a funcionalidade de postar avaliações.

Modelo Conceitual

Documentação da API

Swagger

Tecnologias utilizadas

Backend

• Java
• Spring Boot
• JPA / Hibernate
• Maven

Frontend

• HTML / CSS / TypeScript
• ReactJS
• React Native
• Expo

Implantação em produção

• Backend: Heroku
• Frontend: Netlify
• Mobile: Expo
• Banco de dados: Postgresql

Como executar o projeto

Back end

Pré-requisitos: Java 11

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

# entrar na pasta do projeto back end
cd backend

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

Front end

Pré-requisitos: npm / yarn

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

# entrar na pasta do projeto front end
cd frontend

# instalar dependências
npm install

# executar o projeto
npm start

Mobile

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

# entrar na pasta do projeto mobile
cd mobile

# instalar dependências
npm install

# executar o projeto
expo start

Autor

Feito com ❤ por Lucas Monteiro