Fomo Webshop

C'est quoi ?

👕 Fomo™ est une marque de vêtements créée avec plusieurs amis.

Axel et Ruben sont infographistes, et Ivan est développeur tout comme moi.

Avec ce pool de compétences varié et complémentaire, nous avons mis nos forces en commun pour créer une boutique en ligne, de A à Z.

De leur côté, Axel et Ruben se sont occupés de l'identité visuelle, du product management et de l'intégralité du web design.

💻 De mon côté, assisté par Ivan, mon rôle a été de mettre en place :

une base de données
une API
un site web frontend

Ce dernier devait non seulement représenter fidèlement le CX imaginé par les designers, mais également être fiable sous toutes les coutures, jusqu'au système de paiement.

Il s'agit certainement du projet le plus complet et formateur que j'ai réalisé.

⬇️ Jouez avec les langages et frameworks en les attrapant avec votre souris !

⬅️ Jouez avec les langages et frameworks en les attrapant avec votre souris !

Langages

PHP
Typescript
Sass
MySQL

Frameworks

React
ThreeJS
Stripe
Lumen
MariaDB

Défis

⚙️ Deux types de défis se sont offerts à moi. D'une part, les coding challenges, comme Three.js. C'est cette librairie qui m'a permis d'intégrer un t-shirt en 3D que les utilisateurs peuvent attraper et faire tourner. Cette techno m'était totalement inconnue avant ce projet, alors heureusement qu'Axel était là pour m'aider. Il faut en effet comprendre et manipuler certains fichiers comme des .obj et .mtl, bien connus des infographistes 3D.

D'autre part, une boutique en ligne sans bug, c'est bien — mais encore faut-il commander et livrer les clients une fois la campagne terminée !

📦 C'est pour cela que nous nous sommes montrés très professionnels dès le début :

commandes de test auprès de plusieurs fournisseurs
planification d'échéances
écriture de procédures informatiques
communication sur les réseaux sociaux
information régulière de nos acheteurs

✅ Ces aspects business nous étaient relativement inconnus, alors nous avons fait de notre mieux pour être irréprochables !

Motivations

🔄 Depuis ma reconversion professionnelle en 2020, le monde d'Axel et le mien se sont rapprochés. Tous deux créatifs, nous avons très vite imaginé réaliser des projets ensemble.

🧢 L'idée de Fomo™ est née en 2022 dans les têtes d'Axel et Ruben. Ils ont d'abord créé des designs de t-shirts, puis une ébauche de webshop sur Figma. Bien que le développement ait quelque peu fait partie de leur cursus, il leur fallait un développeur confirmé pour traduire les visuels en code, avec exactitude.

📚 À l'époque, j'étais encore en formation et pas le plus confiant en mes capacités à gérer l'ensemble de la programmation. J'ai donc d'abord commencé par le backend, chose que je maîtrisais mieux. Puis, au fur et à mesure, j'ai su prendre plus de place dans le développement frontend. Si bien qu'au final, j'ai été impliqué dans la mise en place de toutes les fonctionnalités :

navigation
système de paiement
pages de chargement et d'accueil
système de cache
galerie d'images
visualizer 3D
système de panier

Pour aller plus loin ...

(closed) Fomo Webshop

Showroom Webshop

Maintenance website

Countdown website

Instagram account

La suite ?

🛍️ Nous avons vendu nos articles pendant une durée limitée d'un mois et demi. Aujourd'hui, la boutique est fermée et il n'est plus possible d'acheter des t-shirts.

😊 Au vu des nombreux et chaleureux échos de notre entourage à propos de ce projet, je serais personnellement ravi de réitérer l'aventure. Ce serait pour moi l'occasion d'améliorer certains points comme :

utilisation de pairs de token access/refresh au lieu de simples JSON Web Tokens
optimisation des requêtes de fetch
stockage et compression des fichiers lourds sur un bucket
timeout de sécurité après tentatives de connexion infructueuses
emails mis en page
blocage des IP spammantes
améliorations de sécurité côté serveur
meilleure stratégie de cache
meilleure compatibilité avec des navigateurs spéciaux (dont embeds)