Cinema Score

Este é um projeto criado para o meu portfolio pessoal, utilizando a api do TMDB criei um webapp utilizando o React com o TailwindCSS para estilização dos componentes, shadcn/ui como biblioteca de componentes e o Supabase para o Banco de Dados. Basicamente a ideia do projeto é ser um clone do famoso Letterbox e foi inspirado no projeto brasileiro Plotwist.

Funcionalidades

• Temas Claro e Escuro
• Uso da API do TMDB
• Listagens de filmes
• Listagens de séries
• Cadastro e Login de usuários
• Criação de um diário (filmes e séries que você já assistiu, com data e nota para cada).

Roadmap

Ainda pretendo implementar os seguintes itens neste projeto:

[ ] Listas privadas e públicas

[ ] Listas ranqueadas

[ ] Perfil de usuário elaborado

Stack utilizada

Front-end: React c/ Typescript, Tailwindcss para estilização de componentes, a biblioteca Shadcn/ui como biblioteca de componentes e Supabase para o banco de dados.

Variáveis de Ambiente

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

VITE_TMDB_API_KEY & VITE_TMDB_BEARER

VITE_SUPABASE_URL & VITE_SUPABASE_ANON_KEY