FindMovies

Status do Projeto: ⚠️

Tópicos

Descrição do projeto

Projeto para busca de filmes por nome ou gênero no catálogo da The Movie Database. PWA (Progressive Web App) desenvolvido com React.js e Netx.js.

https://www.themoviedb.org/?language=pt-BR

Funcionalidades

✔️ Busca de filmes por nome ou gênero.

Deploy da Aplicação 💨

Link do deploy da aplicação. Exemplo com netlify: https://appfindmovies.netlify.app/

Pré-requisitos

⚠️ Node ⚠️ Yarn ⚠️ Conta no TMDB

Como rodar a aplicação ▶️

É necessáiro possuir as variáveis de ambiente local (.env.local) que estão definidas no arquivo next.config.js.

No terminal, clone o projeto:

git clone https://github.com/karanmelo/find-movies.git

Entre na pasta do projeto:

cd find-movies

Instale as dependências:

yarn install

Execute a aplicação em modo de desenvolvimento:

yarn dev

Build da aplicação:

yarn build

yarn export

Build com o Docker:

yarn docker:prod

Agora você pode acessar a aplicação no endereço:

localhost:3000/

⚠️ Caso o build seja feito no ambiente local, após executar o comando "yarn export", é necessário copiar o arquivo service-worker.js gerado no diretório /out e colar no diretório /public. Após o procedimento é necessário reiniciar a aplicação.

Linguagens, dependencias e libs utilizadas 📚

Tarefas em aberto

📝 Implementar um controle de páginas mais sofisticado e que consiga ter um controle maior sobre a paginação da API da The Movie Database.

📝 Configurar a imagem do Docker para PWA. Mapear o arquivo service-worker.js.