J'ai travaillé sur une application Web appelée "Heat", le seul but de l'application est de m'aider à apprendre et à appliquer JavaScript et à améliorer mon CSS, ainsi que beaucoup de backend. Le plan était de créer une application Web visuellement attrayante avec quelques fonctionnalités amusantes.

Ce que j'ai appris au cours du processus :

Le front-end est construit en utilisant React Js, j'ai choisi React juste par curiosité et pour découvrir de quoi parle le buzz, l'un de mes objectifs était d'intégrer certaines API Google dans le projet, celle que j'ai choisie était Google Maps API, je l'utilise pour la saisie semi-automatique de la barre de recherche. La mise en œuvre n'a pas été trop difficile grâce à la bibliothèque Reacts -> @react-google-maps/api qui permet d'intégrer les fonctionnalités de Google Maps pour réagir aux applications. Le composant de recherche va être intégré à la section d'ajout de restaurant.

Le front-end est hébergé sur netlify, qui est lié à mon github et il met automatiquement à jour l'application à chaque poussée vers le dépôt distant, c'était assez simple.

Heat est une application à page unique (SPA) et l'implémentation est gérée via le DOM du routeur React, elle permet la navigation côté client en mappant les URL aux composants. Cela signifie que les utilisateurs peuvent visiter différentes parties de l'application via différentes URL, même si l'ensemble de l'application est chargé sous la forme d'une seule page HTML.

Ce sur quoi je travaille actuellement :

Je travaille actuellement sur les éléments d'enregistrement, de connexion et de déconnexion de l'application qui sont soutenus par Flask/Python. Flask dispose également de quelques bibliothèques qui facilitent le processus de développement, telles que SQLAlchemy et Login Manager. Le côté back-end a eu une courbe d’apprentissage douce par rapport au front-end. Je suis toujours aux prises avec useState et useEffect, qui sont des points clés en réaction pour la gestion de l'état.

Après avoir terminé l'élément Authentification de l'application, j'envisage de migrer vers Java pour le BackEnd. Pensées?

Beaucoup d'apprentissage. #React #JavaScript #Flask #WebDéveloppement