That Movie

📘 Descrição

Navegue e encontre seu próximo filme para assistir. O That Movie é uma aplicação de catálogo de filmes construída com Next.js, React, TypeScript e Tailwind CSS. Ela consome dados da API pública do TMDB para fornecer aos usuários informações sobre diversos filmes. A aplicação oferece uma interface visualmente atraente, responsiva para dspositivos móveis e uma experiência de usuário fluida, graças às tecnologias utilizadas em seu desenvolvimento.

✔️ Principais Funcionalidades

• Filmes em Destaque: O site exibe uma lista de filmes em destaque, paginados para melhorar a navegação e a experiência do usuário.
• Detalhes do Filme: Além dos detalhes básicos como título e sinopse, os usuários podem ver informações detalhadas sobre os filmes, como elenco principal, avaliação, data de estreia, tempo de duração, orçamento e receita de bilheteria.
• Recomendações: Para cada filme exibido, o site também fornece uma lista de filmes recomendados com base em interesses semelhantes.
• Pesquisa: Os usuários podem pesquisar filmes especificamente pelo título, facilitando a localização de filmes específicos.

🛠 Tecnologias Utilizadas

As seguintes tecnologias foram utlizadas na construção deste projeto:

• React JS — Uma biblioteca JavaScript popular para construir interfaces de usuário interativas.
• Next.js — Um framework React que oferece renderização do lado do servidor (SSR), geração estática (SSG), entre muitos outros recursos.
• TypeScript — O TypeScript é um superconjunto tipado que adiciona tipagem estática opcional e outros recursos de linguagem ao JavaScript.
• Tailwind CSS — Um framework CSS que oferece várias classes para utilização já pré-estilizadas.

📌 Links Úteis

• Demo
• Figma - Protótipo
• TMDB API - Docs

🚀 Instalação e Execução

Para executar o That Movie localmente, siga estes passos:

1. Clone o repositório em sua máquina local:

git clone https://github.com/fernandes-vinicius/that-movie.git

2. Navegue até o diretório do projeto:

cd that-movie

3. Instale as dependências utilizando npm:

npm install

4. Obtenha uma Chave de API do TMDB e adicione-a às suas variáveis de ambiente ou diretamente ao projeto.

5. Inicie o servidor de desenvolvimento:

npm run dev

6. Abra seu navegador e acesse http://localhost:3000 para visualizar a aplicação.

📃 Licença

Este projeto está licenciado sob a Licença MIT.