find-movies

Status do Projeto: :warning:

Tópicos

:small_blue_diamond: Descrição do projeto

:small_blue_diamond: Funcionalidades

:small_blue_diamond: Deploy da Aplicação

:small_blue_diamond: Pré-requisitos

:small_blue_diamond: Como rodar a aplicação

Descrição do projeto

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

Funcionalidades

:heavy_check_mark: Busca de filmes por nome ou gênero.

Deploy da Aplicação :dash:

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

Pré-requisitos

:warning: Node :warning: Yarn :warning: Conta no TMDB

Como rodar a aplicação :arrow_forward:

É 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/

:warning: 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 :books:

• React.js
• Next.js
• Typescript
• styled-components

Tarefas em aberto

:memo: 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.

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