Mais um projeto na web - text.dev.br
Olá! Me chamo Dimitri, e comecei o text.dev.br em janeiro deste ano. Desde então, venho trazendo atualizações constantes, tanto pequenas quanto grandes, para aprimorar o design e implementar features interessantes que melhoram a experiência dos usuários.
💡 A Ideia
A inspiração para o projeto surgiu após assistir ao vídeo do Filipe Deschamps sobre o e-mail que não passava 800 Km (indicação da minha professora de programação na época). Quando ele lançou a plataforma Tabnews, senti vontade de recriá-la, mas com meu toque pessoal.
Pesquisei diversas redes sociais como Threads, Twitter e Mastodon, além de plataformas voltadas para desenvolvedores, como Tabnews, dev.to e Stack Overflow. A ideia era entender o que torna essas plataformas atraentes para os usuários e como o design e a organização dos elementos influenciam o tipo de conteúdo que elas promovem.
🚀 O Código
Comecei o projeto utilizando React, que eu estava aprendendo na época. No entanto, percebi que precisava de algo mais robusto para o que tinha em mente, então migrei para o Next.js. Desde então, venho aperfeiçoando as páginas, integrando ícones com o Phosphor Icons, e gerenciando o banco de dados com Firebase e GitHub (sim, uma grande "gambiarra" que funcionou bem!).
📦 Bibliotecas Utilizadas
Aqui estão algumas das principais bibliotecas e ferramentas que fazem o text.dev.br funcionar:
- @phosphor-icons/react: Ícones acessíveis e bonitos para o projeto.
- @vercel/analytics: Para monitoramento do desempenho e uso da aplicação.
- @vercel/speed-insights: Otimização da performance do site.
- axios: Para requisições HTTP simples e eficientes.
- firebase: Gerenciamento de banco de dados e autenticação.
- fs: Manipulação de arquivos locais.
- js-cookie: Para gerenciamento de cookies.
- marked: Renderização de conteúdo Markdown.
- qrcode.react: Geração de QR codes para compartilhamento.
🌐 Código Open-Source
O text.dev.br é um projeto open-source! Você pode conferir o código completo no meu GitHub:
👉 mitybp/textdevbr
Contribuições são sempre bem-vindas, seja com melhorias no código, sugestões de design ou novas features. Quero que essa plataforma seja um espaço colaborativo e inovador para todos.
🌟 Experimente o text.dev.br!
Visite a plataforma: text.dev.br
Sinta-se à vontade para comentar nas postagens ou criar sua própria postagem. Este é um espaço para compartilhar ideias, conhecimento e, claro, se divertir!
Olá, me incomodou muito a forma como a página carrega sem estilo, depois tem uma animação para tudo colocar no lugar e além disso aparecer uma barra de loading. Vi que nenhum css carrega com o html, apenas js.
Bacana. Não pare, siga em frente... "Trabalhe para construir seu sonho, ou você será contratado para construir o sonho de outra pessoa."
Muito legal! Gostei da interface!
Eu acho que o botão de comentar pode estar antes mesmo de entrar na publicação, mesmo que ele direcione para dentro dela.
Muito bom o projeto man, bem complexo fazer uma aplicação desta. Acho que dá pra deixar um pouco mais elegante a página de entrada, não sei se é o input de pesquisar que está meio estranho ali, talvez colocá-lo na própria barra de menu superior, até pq tem bastante espaço ali. Mas está de parabéns :clap: :clap:
Seu projeto está muito bom, Dimitri, parabéns! Se não for incômodo, poderia compartilhar como você planeja lidar com os custos do projeto? Especialmente se o número de usuários crescer bastante. Estou desenvolvendo algo em outra área e também tenho essa dúvida.