Tip

Acess the website at streaming-lp.vercel.app

Landing page for a fictional Movies & Series Streaming Service with dynamic data from TMDB

TMDB - https://www.themoviedb.org/

Um projeto rápido de Landing Page com consumo da API RESTful da TMDB para trazer filmes e séries em alta em tempo real, com diferentes seções e CTAs compondo um discurso visual baseado em lógica de conversão.

EN: A Quick Landing Page project with consumption from TMDB bringing trending movies and series in real time, with diferent sections and CTAs making up a visual discourse based in conversion lógic.

Setup local do projeto:

Local Setup:

Faça a clonagem go repositório:

git@github.com:j-fborges/streaming_lp.git

Instale as dependências:

npm install

Crie o arquivo .env na raiz do projeto e configure as variáveis de ambiente como no exemplo .env.example:

VITE_TMDB_API_ACESS_TOKEN=your-tmdb-api-acess-token

Important

Token de acesso ao TMDB API em VITE_TMDB_API_ACESS_TOKEN

O seu Token de acesso ao API do TMDB pode ser gerado em: The Movie DataBase

Rode o servidor local:

npm run dev

Memorial Descritivo do projeto:

Project Overview:

Estrutura em:

Structure in:

• React

• TypeScript

• Vite

• TailwindCSS

• Estilização rápida através de classes utilitarias do Tailwind

• Estrutura escalável empregando o uso de padrões de engenharia baseando se no principio de única responsabilidade e reutilização de componentes.