Fomo Webshop

What's that ?

👕 Fomo™ is a clothing brand created with several friends. Axel and Ruben are graphic designers, and Ivan is a developer just like I am.

With this diverse and complementary skill set, we combined our strengths to create an online store from the ground up. On their side, Axel and Ruben handled the visual identity, product management, and full web design.

💻 On my side, assisted by Ivan, my role was to set up :

a database
an API
a frontend website

This site had to not only faithfully represent the CX envisioned by the designers, but also be reliable across the board, including a secure payment system.

It certainly is the most complete and formative project I've done.

⬇️ Play with the frameworks and languages by grabbing them with your mouse !

⬅️ Play with the frameworks and languages by grabbing them with your mouse !

Languages

PHP
Typescript
Sass
MySQL

Frameworks

React
ThreeJS
Stripe
Lumen
MariaDB

Challenges

⚙️ I faced two types of challenges. On the one hand, coding challenges like Three.js. This library allowed me to integrate a 3D t-shirt that users can grab and rotate. I was completely unfamiliar with this tech before the project, so I was lucky that Axel was there to help. You need to understand and handle files like .obj and .mtl, well known to 3D graphic designers.

On the other hand, a bug-free online shop is great — but you still need to fulfill and deliver orders once the campaign ends !

📦 That's why we acted professionally from the start :

test orders with multiple suppliers
deadline planning
writing IT procedures
social media communication
regular updates to our buyers

✅ These business aspects were fairly new to us, so we did our best to be flawless !

Motivations

🔄 Since I changed profession in 2020, Axel's world and mine have gotten closer (keepin the socks on tho). Both creative, we quickly imagined doing projects together.

🧢 The idea of Fomo™ was born in 2022 in the minds of Axel and Ruben. They first created t-shirt designs, then a webshop mockup on Figma. Although development was briefly part of their curriculum, they needed an experienced developer to translate the visuals into code.

📚 At the time, I was still studying and not very confident in my ability to handle all the programming. So I started with the backend, which I knew better. Then gradually, I was able to take on more frontend development. Eventually, I was involved in implementing every features :

navigation
payment system
loading and home pages
caching system
image gallery
3D visualizer
shopping cart system

To go further ...

(closed) Fomo Webshop

Showroom Webshop

Maintenance website

Countdown website

Instagram account

Next steps

🛍️ We sold our items for a limited time of a month and a half. Today, the shop is closed and it's no longer possible to buy t-shirts.

😊 Given the many warm responses from people around us about this project, I would personally be happy to do it all over again. It would be a chance for me to improve things like :

using access/refresh token pairs instead of JSON Web Tokens
optimizing fetch requests
storing and compressing large files in a bucket
security timeout after failed login attempts
formatted email templates
blocking spamming IPs
server-side security improvements
better caching strategy
better compatibility with special browsers (including embeds)