Tenho trabalhado em um aplicativo da web chamado "Heat", o único objetivo do aplicativo é me ajudar a aprender e aplicar JavaScript e melhorar meu CSS, muito back-end também. O plano era criar um aplicativo da web visualmente atraente com alguns recursos divertidos.

O que aprendi no processo:

O front end é construído usando react js, optei pelo react só por curiosidade e para saber do que se trata, um dos meus objetivos era integrar algumas APIs do Google ao projeto, a que escolhi foi o Google Maps API, estou usando-a para o AutoCompletar da barra de pesquisa. A implementação não foi muito difícil devido à biblioteca Reacts -> @react-google-maps/api que ajuda a integrar recursos do Google Maps para reagir a aplicativos. O componente de pesquisa será integrado à seção de adição de restaurante.

O front-end está hospedado no netlify, que está vinculado ao meu github e atualiza automaticamente o aplicativo a cada envio para o repositório remoto, foi bastante simples.

Heat é um aplicativo de página única (SPA) e a implementação é gerenciada através do React Router DOM, permite a navegação no lado do cliente mapeando URLs para componentes. Isso significa que os usuários podem visitar diferentes partes do aplicativo por meio de URLs diferentes, mesmo que o aplicativo inteiro seja carregado como uma única página HTML.

No que estou trabalhando atualmente:

Atualmente estou trabalhando nos elementos Register, Login e Logout do aplicativo que são apoiados por Flask/Python. O Flask também possui algumas bibliotecas que auxiliam no processo de desenvolvimento, como SQLAlchemy e Login Manager. O back-end teve uma curva de aprendizado suave em comparação com o front-end. Ainda estou lutando com useState e useEffect, que são ganchos importantes para reagir ao gerenciamento de estado.

Depois de concluir o elemento de autenticação do aplicativo, estou pensando em migrar para Java para o BackEnd. Pensamentos?

Muito aprendizado. #React #JavaScript #Flask #WebDevelopment