Skip to content

cezardev07/youtube-ui

Repository files navigation

UI clone YouTube

Essa aplicação oferece uma "experiência fiel ao Youtube", permitindo que os usuários explorem os videos desejado através da integração com o iframe do YouTube oficial. Desenvolvido com React, Vite, TypeScript e Styled-Components, o projeto tem como objetivo principal fornecer um ambiente dinâmico e responsivo para diferentes telas, tornando-se totalmente funcional e agradável em dispositivos desktop, tablets e mobiles.

imagem do projeto

Responsividade

Responsividade para Todas as Telas: Independentemente do dispositivo utilizado, a aplicação se ajusta perfeitamente ao tamanho da tela, permitindo que os usuários desfrutem de sua funcionalidade completa em qualquer lugar.

Desktop:

Tablet:

Mobile:

Principais Recursos e Funcionalidades:

Pesquisa de Videos: A aplicação permite que os usuários busquem os videos desejado. Basta inserir o nome do video ou qualquer letra e todos os videos serão exibidos instantaneamente, assim como o exemplo abaixo, onde pesquisamos e exibimos os videos dos minions.

O projeto concentra-se em demonstrar e aprofundar os conceitos fundamentais de desenvolvimento com React e TypeScript.

  • É importante ressaltar que este projeto é voltado exclusivamente para fins educacionais e de aprendizado.

get started project

# clone o repositorio
git clone < repositorio >

# open project
cd ./ < name project >

# install all dependencias
npm install

# started application
npm run dev