/Clone-YouTube-Interface

YouTube home interface clone with theme, authentication and images on S3

Primary LanguageTypeScript

Clone Interface do YT

🚨🚨 Projeto em construção 🚨🚨

Olá pessoal, gostaria de apresentar para vocês um projeto com intuito de clonar a interface inicial do YT.

Neste documento vou falar sobre, como rodar o projeto e pontuar algumas das minhas decisões sobre o projeto que julgo válidas.

Introdução

Desenvolvendo este projeto foquei nos seguintes pontos que julgo cruciais para todo projeto:

  • Ter um versionamento bem documentado, com commits claros e explicativos.
  • Desenvolver um código legível, organizado e de fácil manutenção seguindo boas práticas e padrões de código limpo.
  • Buscando ter uma UI responsiva e uma UX fluída, acessível para todos os dispositivos.
  • Criar um projeto escalável, bem componentizado e com uma boa estrutura de arquivos.

Principais ferramentas utilizadas

  • Next.js
  • Typescript
  • Material UI
  • Tailwind CSS

Arquitetura

  • Sobre arquitetura de pastas, o projeto segue uma estrutura básica, onde:

    • pages: páginas da aplicação.

    • theme: configuração de temas da aplicação.

    • components: components da aplicação.

Rodando o projeto

yarn

Para instalar as dependências do projeto.

yarn dev

Para rodar o projeto em modo de desenvolvimento.

yarn build

Para fazer o build do projeto para produção.

image

Desenvolvimento

🚨🚨 Projeto em construção 🚨🚨

Link page

Clone YT Interface

Conclusão

Gostaria de agradecer a você que leu até aqui! Espero que goste do projeto :)

Good coding!