Tell me a secret

Tell me a secret é uma aplicação baseada em um antigo app de sucesso chamado Secret, onde usuários compartilhavam segredos ou coisas constrangedoras de forma totalmente anônima.

Esse projeto tinha dois principais objetivos, implementar um framework de componentes e integrar com um banco de dados.

O framework escolhido foi o Material UI (MUI), por ser bem popular e possuir bastante conteúdo sobre ele na internet. Para o banco de dados foi utilizado o Fauna, e o principal motivo foi a sua facilidade de implementação.

Todo o layout do site foi criando utilizando os componentes do MUI, o que agiliza bastante todo o processo. O seu uso é parecido com o Tailwind CSS, mas por possuir componentes prontos o código fica bem mais limpo se comparado com o outro, onde é necessário adicionar muitas classes tornando o código bem mais verboso. É necessário algumas configurações iniciais para o funcionamento correto do MUI, porém de forma geral tive uma boa experiência com a ferramenta.

Como o objetivo era ter acessos aos segredos enviados de qualquer lugar foi necessário o uso de um banco de dados, o Fauna, sempre que um usuário envia um segredo novo ele é salvo no banco. Ao acessar a página inicial do site um segredo é selecionado de forma aleatória para ser exibido na tela.

Com o auxilio do Material UI também foi possível criar um tema Dark, algo que vem se tornando cada vez mais popular nas aplicações.

Ferramentas utilizadas:

• Next.js
• TypeScript
• Material UI
• Fauna