[Projeto] Toolks: site de ferramentas de cálculo

Ficha Técnica:

Linguagens:

Javascript, HTML e CSS

Tecnologias:

React (com React Helmet, React Snap e React Router, inicializado com o Create-React-App)

Repositório:

https://github.com/rodrigogomesrc/Toolks

Site:

https://toolks.netlify.app/

Sobre o Projeto

Toolks é um conjunto de ferramentas online de cálculo, como para calcular regra de três, porcentagem, sortear letras e números, além de poder criar grupos aleatórios a partir de uma lista de nomes dadas. Nessa função ele também pode dar sugestões de quantidades de grupos que podem ser criados de acordo com a quantidade de pessoas que tem na lista.

Por que eu construí o Projeto?

Começando no React, eu precisava de ideias para colocar em prática o que eu estava estudando. Como estava iniciando, eu queria algo simples. Dessa forma, como eu já tinha algumas ideias de projetos bem simples para calcular coisas que eu acho úteis, que frequentemente pesquiso na internet pra calcular de forma rápida ou simplesmente cálculos que eu faço por curiosidade. Também pensei em outros que podem ser úteis em algumas situações mesmo não sendo coisa que exatamente eu preciso. Então juntei tudo e criei um site de ferramentas.

Construção, Experimentação e Aprendizado

O site não foi feito pra ficar “perfeito”, mas pra testar coisas que eu estava aprendendo no React e melhorar o conhecimento em Javascript em si. A principal coisa que eu queria aprender com esse projeto era como criar componentes, importar, passar dados de um a outro, fazer validação, chamar função e etc. Ou seja, interagir com os componentes.

Por estar no inicio e ser só uma experimentação, não prestei atenção em dividir as funções dos componentes de forma adequada. Não fazendo isso, o código ficou bagunçado e com muitas repetições onde não eram necessárias. Isso fez eu perceber uma das principais vantagens na componetização do React que eu não estava aproveitando. Para o meu próximo projeto, que seria a reconstrução do meu site pessoal e a construção desse blog, esse conhecimento foi aproveitado para maximizar o máximo que eu pude a organização e reaproveitamento de código.

Outras coisas que eu pude experimentar e aprender com o projeto, foram técnicas de SEO, ao tentar indexar no Google e otimizá-lo para esse intuito. Aprendendo a manipular as meta tags e os cabeçalhos da página dinamicamente usando o React Helmet. Outro pacote que eu utilizei para tentar deixar o site mais performático, carregar mais rápido para tentar deixar ele melhor para ser indexado, foi usar o React Snap para criar uma versão estática básica do site para ser pré-carregada até que o Javascript seja totalmente carregado, diminuindo o tempo da primeira aparição do site.

Futuro do Projeto

O site ainda vai estar disponível e sendo atualizado para eu poder testar novas coisas do React ou do desenvolvimento WEB em geral. Pretendo colocar mais ferramentas para que eu possa aproveitar delas quando precisar e espero que elas sejam acessíveis através da internet para que outras pessoas também possam usá-las.

Status atual do projeto

O projeto atualmente não está recebendo nenhuma atualização, mas eu pretendo ainda atualizar com mais ferramentas de cálculo.

Sobre os artigos de Projetos

Esses artigos sobre projetos contidos nesse site são para descrever vários aspectos de projetos de programação (ou sobre outras coisas), descrevendo aspectos do desenvolvimento ou outras informações que eu achar pertinentes. São mais como relatórios do que Artigos propriamente ditos. Esses projetos estão aqui para servirem como meu portfólio.

Como esses “relatórios” são sobre projetos que podem estar em constante evolução, esses artigos também seguem a mesma linha, sendo atualizados de forma a se manter coerente com a versão atual do projeto.