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.

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!