Desafio Técnico - Desenvolvedor Frontend

Este projeto foi desenvolvido utilizando as tecnologias mais atuais. O intuito do sistema é realizar a listagem de filmes e séries usando a api THEMOVIEDB, na qual é possivel visualizar as imagens principais de posters e visualizar detalhes do filme, favoritar filmes ou series e assistir trailers.

📔 Linguagens e libs utilizadas

⚙️ Funcionalidades

• Home - Listagem de Filmes e Séries
• Filmes - Listagem de Filmes
• Series - Listagem de Séries
• Página Detalhes - Detalhes de Filmes/Series - Assistir Trailer - Favoritar - Remover Favoritos
• Página de Favoritos- Listagem de filmes ou séries favoritados a partir da página de detalhes.

♟️ Variáveis de Ambiente

Para rodar esse projeto, você vai precisar adicionar as seguintes variáveis de ambiente no seu .env

VITE_API_KEY=SUA_CHAVE_DE_ACESSO_A_API

VITE_BASE_URL=https://api.themoviedb.org/3

VITE_YOUTUBE_URL=https://www.youtube.com

♟️ Executando localmente com Docker

Clone o projeto

Frontend:

  git clone https://github.com/MaikonLima/movieflix

Entre no diretório do projeto

  cd movieflix

Instale as dependências

  yarn install

♟️ Construir a imagem Docker

No terminal, navegue até o diretório do projeto e execute o comando para construir a imagem:

  docker build -t movieflix .

Executar o container

  docker run -p 3000:3000 movieflix

♟️ Acessar o projeto

Após rodar o container, o projeto estará disponível em http://localhost:3000.

Autores

• @maikonLima