O Redesign do TabNews #2
Recentemente eu fiz uma postagem do Redesign do TabNews, primeiro fiz um conceito e acabei gostando de como ficou e recebi alguns comentários positivos sobre isso e achei incrível, por isso acabei também fazendo um deploy na vercel passando o conceito do redesign para Next.js.
Acabei usando alguns pacotes que encontrei como o react-twc que você consegue fazer igual o styled-components, consegue estilizar o componente passando as classnames em outro arquivo e isso torna o código muito mais organizado.
Usei o @tanstack/react-query para fazer o infinite scroll e é incrível trabalhar com ele.
Algumas coisas que acabei adicionando nesse conceito foi as informações de tabcoins dos posts:
Tabcoins padrão:
Tabcoins negativo:
Tabcoins populares:
Outra coisa que eu pensei em adicionar foi o "ADS" tipo anúncios pagos para monetizar o TabNews, como pode vê a ideia é colocar esses anúncios e informar que ele é um anúncio:
Também fiz com que os títulos que contém "[]" por exemplo, "[Pitch]" tenha um background tipo um badge, então o título que cotém colchetes é convertido para um "span" no html e estilizado:
[Pitch]:
[Dúvida]:
Acredito que o conceito precisa ser mais elaborado para atender todas necessidades, enfim caso queira dar uma olhada:
Deploy:
https://redesign-tabnews.vercel.app/
Código GitHub:
https://github.com/mthmcalixto/redesign-tabnews.com.br