Fil rouge

Front-end of a fictional e-commerce site selling sneakers.

year

2021/22

stack

React/Next, Bootstrap, Commerce.js, Vercel

client

ESIEE IT

Intro

Le projet Fil Rouge a été réalisé lors de ma première année à l'ESIEE IT, avec pour objectif de créer un site e-commerce de vente de sneakers. Souhaitant développer non seulement le front-end mais aussi le back-end, j'ai choisi un starter me permettant d'obtenir la stack souhaitée avec une première logique back-end. À cette époque, je voulais apprendre un framework JavaScript, mais j'hésitais entre Nuxt et Next. J'ai donc décidé de démarrer deux projets simultanément. Le premier est Fil Rouge, qui utilise React/Next et Bootstrap. Le second est un projet personnel en cours de développement nommé Cordance, une dashboard Discord utilisant Vue/Nuxt ainsi que UnoCSS.

Interface

Gérer le patrimoine informatique

  • Hébergement du site : Le site a été hébergé sur Vercel.

  • Hébergement du code : Le code source du projet a été hébergé sur GitHub.

Mettre à disposition des utilisateurs un service informatique

  • Mise en production : Vercel a été utilisé pour déployer et mettre en production le site Fil Rouge.

Organiser son développement professionnel

  • Rassembler des articles avec Feedly : Feedly a été utilisé pour collecter et organiser des articles pertinents liés à la stack technique du projet.

  • Notification de sécurité : Des notifications de sécurité ont été mises en place sur GitHub pour rester informé des dernières vulnérabilités concernant la stack technique.

Conclusion/Evolution

Le projet Fil Rouge a été une excellente occasion d'apprendre et d'expérimenter deux frameworks JavaScript populaires, Nuxt et Next. Ce projet a permis de mieux comprendre les avantages et les inconvénients de chaque framework et d'appliquer ces connaissances à un autre projet personnel, Cordance, qui est toujours en cours de développement. Grâce à ces expériences, la maîtrise de ces technologies s'est renforcée et a ouvert de nouvelles possibilités pour de futurs projets.

loading...