Logo

Kino

Imagem
Imagem
Imagem
HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
Node.jsNode.js
ReactReact
Next.jsNext.js
Tailwind CSSTailwind CSS

🎬 Kino

GitHub stars GitHub forks GitHub issues
Next.js TypeScript React Node.js CSS3 HTML5

Kino é uma plataforma desenvolvida para exibir os últimos filmes lançados no mercado. A aplicação permite que os usuários visualizem e naveguem pelos últimos lançamentos permitindo que os cinéfilos de plantão possam estar sempre atualizados com os lançamentos mais recentes e descobrir novos filmes para assistir.

A aplicação oferece uma navegação intuitiva e moderna, permitindo que os usuários explorem facilmente os últimos filmes lançados, garantindo que nenhum lançamento importante passe despercebido. Além de descobrir novos filmes, a aplicação também permite que os usuários se aprofundem no universo de cada filme através dos detalhes técnicos completos, informações sobre o elenco e fichas técnicas que proporcionam uma experiência informativa.

Além disso, a plataforma sugere automaticamente outras produções que compartilham características semelhantes ao filme selecionado, o que permite que os usuários descubram novos filmes que possam despertar seu interesse a partir de uma produção que já estejam explorando.

🖥️ Como rodar este projeto 🖥️

Requisitos:

Execução:

  1. Clone este repositório:

    git clone https://github.com/portfolio-projetos-dev/kino

  2. Acesse o diretório do projeto:

    cd kino

  3. Instale as dependências:

    npm install

  4. Configure as variáveis de ambiente:

    Será necessário criar um arquivo .env com as mesmas variáveis de ambiente listadas no arquivo .env.example na pasta raiz da aplicação e preencher esse arquivo com as variáveis de ambiente correspondentes.

  5. Inicie o servidor (Next.js):

    npm run dev

  6. Acesse o projeto em http://localhost:3000.

🗒️ Features do projeto 🗒️

  • Catálogo com os últimos filmes lançados
  • Informações completas sobre cada produção
  • Ficha técnica detalhada de cada filme
  • Dados sobre direção e aspectos técnicos do filme
  • Informações como ano de lançamento, duração e classificação indicativa
  • Galeria dos atores principais
  • Informações sobre personagens interpretados
  • Mini-biografias e principais trabalhos dos artistas
  • Recomendações de filmes relacionados
  • Interface responsiva e moderna

💎 Links úteis 💎