Netflix Interface Project With React.js + TypeScript and Tailwind.css

Sobre o Projeto

Este projeto é uma interface da Netflix, criada para aprofundar meus conhecimentos em Tailwind CSS, React e TypeScript e aplicar as melhores práticas de desenvolvimento, incluindo a técnica Mobile First para garantir uma experiência totalmente responsiva. Durante o desenvolvimento, utilizei React.js com TypeScript e integrei a API gratuita do The Movie DB para trazer dados reais de filmes e séries.

Tecnologias Utilizadas

• React.js: Biblioteca JavaScript para construir interfaces de usuário.
• TypeScript: Superconjunto de JavaScript que adiciona tipos estáticos.
• Tailwind CSS: Framework de CSS utilitário para estilização rápida e eficiente.
• The Movie DB API: API gratuita para obter dados sobre filmes e séries.

Funcionalidades

• Interface intuitiva e funcional inspirada na Netflix.
• Totalmente responsivo, desenvolvido com a técnica Mobile First.
• Integração com a API do The Movie DB para exibir dados reais de filmes e séries.
• Navegação fluida entre diferentes seções da aplicação.

Figma

O figma está disponível online e pode ser acessado através do seguinte link: Figma do Projeto.

Deploy

A aplicação está disponível online e pode ser acessada através do seguinte link: Deploy do Projeto.

Capturas de Tela

Como Executar o Projeto

Pré-requisitos

• Node.js
• npm ou yarn

Instalação

1. Clone o repositório:

   git clone https://github.com/seu-usuario/netflix-interface.git
   

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

   cd netflix-interface
   

3. Instale as dependências:

   npm install
   

   ou

   yarn install
   

Executando a Aplicação

Para iniciar a aplicação em modo de desenvolvimento, execute:

npm start

ou

yarn start

A aplicação estará disponível em http://localhost:3000.

Contato

Para mais informações, entre em contato através do meu LinkedIn.