Movieshelf

---

Sobre o Projeto • Visual do Projeto • Tecnologias • Configurações e Instalação • Licença

🎞️ Sobre o Projeto

A Movieshelf (trocadilho com movie: filme, e shelf: estante) é uma aplicação que mostra filmes das mais variadas categorias e suas informações, contando com o catálogo do TMDB.

Veja o projeto completo aqui.

🎨 Visual do Projeto

Desktop e Telas Maiores

Mobile e Telas Menores

🔧 Tecnologias

Tecnologias utilizadas no projeto.

Construção do site

• TypeScript
• Next 13 (App Router)
• The Movie Database API
• TanStack Query
• React Hook Form
• Zod
• Swiper
• Radix UI

Estilização

• Tailwind CSS
• clsx
• tailwind-merge
• Lucide Icons

IDE, Versionamento e Deploy

• Visual Studio Code
• Git
• GitHub
• Vercel

🚀 Configurações e Instalação

Requisitos

• Node e um gerenciador de pacotes, usei pnpm.

# Caso não tenha o pnpm, execute:
npm install -g pnpm

Recomendo que veja a documentação de configuração do Next.

# Clonando o projeto
git clone https://github.com/davsilvam/movieshelf.git

# Instalando as dependências
pnpm install

# Criar arquivo .env.local com base no .env.example e preencher o campo com seu Token de Acesso
NEXT_PUBLIC_TMDB_ACCESS_TOKEN="<seu-token>"

# Compilar e abrir o programa para desenvolvimento
pnpm dev

# Compilar e minificar para produção
pnpm build

⚖️ Licença

Esse projeto está sob a licença MIT.

---

Feito com 💛 e ☕ por David Silva.

Portfólio  ·  GitHub @davsilvam  ·  Instagram @davsilvam_