Afin de faire suite à mon apprentissage de React, qui ne comportait jusque-là que quelques exercices isolés, j’ai décidé de refaire mon tout premier projet (DroneFrame) en n’utilisant que React.
J’ai utilisé react-router pour la gestion des routes et les liens et je me suis servi de MUI pour faciliter mon travail sur les composants et le style.
NB : Le site est hébergé sur Heroku, il peut prendre un certain temps à s’afficher. Aussi, si vous rencontrez une « Application error », rafraîchir la page résoudra ce problème !
Concept
Le concept est simple, prendre la première page internet que j’ai créée, et en faire un site en fonctionnel en React.
DroneFrame est désormais complètement fonctionnel et vous pouvez enfin mettre des drones hors de prix dans votre panier ! Vous pouvez même en mettre autant que vous voulez si ça vous fait plaisir.
Design
J’ai modifié plusieurs éléments du design original dans la page d’accueil, notamment le bouton « Voir le produit » qui a disparu (rip), ainsi que le bouton « Ajouter aux favoris » (rip également).
Sinon, le code couleur est le même et la disposition des éléments également, en termes de nouveautés, j’ai ajoutés les pages « Boutique » et « Assistance » qui n’étaient que des liens dans mon projet original.
Technologies utilisées
Comme dit précédemment, j’ai utilisé la librairie Javascript React pour réaliser ce site, et je me suis régalé à le faire.
Faire un site en entier en utilisant cette technologie m’a permit de rencontrer des problèmes que je n’aurais pas eu lors de simples exercices. Cela m’a permit d’approfondir mes connaissances non seulement en React, mais en Javascript au global, donc feelsgoodman !