🎥 Movie Finder

📋 Sobre

Esse projeto foi desenvolvido na disciplina de Programação para Web.

Consiste em um sistema de visualização, pesquisa de filmes, criação de usuários e adição de filmes na Watchlist para os usuários cadastrados.

• Link do projeto:

  • https://movie-finder-web.firebaseapp.com/

• Link do repositório:

  • https://github.com/anniasebold/movie-finder

💾 Etapas

• Prototipação das telas no Figma:

  • Protótipo Figma

• Implementação das telas do Figma

  • Nessa parte do projeto, foram escolhidas as tecnologias que seriam utilizadas e implementado as telas seguindo a protipação proposta no Figma.

💻 Tecnologias utilizadas

• React para a criação do front-end.
• Firebase para autenticação e database.
• Bootstrap para estilização de componentes.
• Git para controle de versão do projeto.
• Github para postagem do projeto.
• Movies API para consumo das informações dos filmes.

📚 Funcionalidades

• [ X ] Usuário pode ver os filmes que estão em cartaz nos cinemas na página principal.
• [ X ] Usuário pode acessar outras categorias de filmes como (Populares, Mais votados, Em breve) na página principal.
• [ X ] Usuário pode pesquisar pela barra de pesquisa digitando o nome do filme.
• [ X ] Usuário pode clicar em qualquer filme para ver os detalhes do filme em uma página separada.
• [ X ] Usuário pode ver informações sobre o filme como avaliação, atores, sinopse, orçamento e genêros em uma página separada.
• [ X ] Usuário pode criar uma conta.
• [ X ] Usuário pode adicionar filmes a sua Watchlist.

👨‍💻 Como instalar e rodar o projeto

• Primeiramente clone o repositório

  git clone https://github.com/anniasebold/movie-finder
  

• Instale o Node se ainda não tiver instalado (de preferência uma versão acima da 18).

• Entre no repositório que foi clonado

  cd movie-finder
  

• Instale as dependências

  npm install
  

• Rode o projeto

  npm start
  

  Assim o projeto já estará rodando pronto para o uso.