Fomo Webshop

Wat is het ?

👕 Fomo™ is een kledingmerk opgericht met een paar vrienden. Axel en Ruben zijn grafisch ontwerpers, en Ivan is net als ik een developer.

Met deze gevarieerde en complementaire vaardigheden hebben we onze krachten gebundeld om een online winkel van A tot Z op te zetten. Axel en Ruben namen de visuele identiteit, het productbeheer en het volledige webdesign op zich.

💻 Ikzelf, bijgestaan door Ivan, was verantwoordelijk voor de implementatie van:

een database
een API
een frontend website

Deze moest niet alleen het door de ontwerpers bedachte CX trouw weergeven, maar ook technisch betrouwbaar zijn, tot aan het betalingssysteem. Dit is zonder twijfel het meest volledige en leerzame project dat ik tot nu toe heb uitgevoerd.

⬇️ Speel met de talen en frameworks door ze met je muis te vangen !

⬅️ Speel met de talen en frameworks door ze met je muis te vangen !

Talen

PHP
Typescript
Sass
MySQL

Frameworks

React
ThreeJS
Stripe
Lumen
MariaDB

Uitdagingen

⚙️ Ik stond voor twee soorten uitdagingen. Enerzijds waren er de technische uitdagingen, zoals Three.js. Deze bibliotheek liet me toe een 3D-t-shirt te integreren dat gebruikers kunnen draaien en verplaatsen. Deze technologie was volledig nieuw voor mij, dus gelukkig kon ik op Axel rekenen voor hulp. Je moet namelijk leren omgaan met bestanden zoals .obj en .mtl, bekend bij 3D-grafisch ontwerpers.

Anderzijds is het niet genoeg om een bugvrije webshop te hebben — je moet ook bestellingen verwerken en leveren zodra de campagne is afgelopen !

📦 Daarom gingen we vanaf het begin professioneel te werk:

testbestellingen bij verschillende leveranciers
planning van deadlines
opstellen van IT-procedures
communicatie op sociale media
regelmatige updates voor onze klanten

✅ Deze zakelijke aspecten waren relatief nieuw voor ons, dus deden we ons uiterste best om foutloos te werk te gaan !

Motivaties

🔄 Sinds mijn carrièreswitch in 2020 zijn de werelden van Axel en mij dichter bij elkaar gekomen. Beiden creatief, bedachten we al snel om samen projecten op te starten.

🧢 Het idee voor Fomo™ ontstond in 2022 in de hoofden van Axel en Ruben. Ze ontwierpen eerst t-shirts en maakten een webshop prototype op Figma. Hoewel ontwikkeling een deel van hun opleiding was, hadden ze een ervaren developer nodig om hun ontwerpen exact om te zetten naar code.

📚 In die tijd was ik nog in opleiding en niet erg zelfzeker over mijn capaciteiten om het volledige ontwikkelproces te beheren. Ik begon dus met de backend, waar ik sterker in was. Geleidelijk aan nam ik meer verantwoordelijkheid op in de frontend development. Uiteindelijk was ik betrokken bij de implementatie van alle functies:

navigatie
betalingssysteem
laad- en startpagina’s
cachesysteem
afbeeldingengalerij
3D-visualizer
winkelwagensysteem

Om verder te gaan ...

(closed) Fomo Webshop

Showroom Webshop

Maintenance website

Countdown website

Instagram account

Wat nu ?

🛍️ We verkochten onze producten gedurende een beperkte periode van anderhalve maand. Vandaag is de webshop gesloten en kunnen er geen t-shirts meer worden gekocht.

😊 Gezien de vele warme reacties van onze omgeving op dit project, zou ik persoonlijk graag het avontuur opnieuw beleven. Het zou voor mij een kans zijn om bepaalde punten te verbeteren zoals:

gebruik van access/refresh token-paren in plaats van gewone JSON Web Tokens
optimalisatie van fetch-verzoeken
opslag en compressie van zware bestanden in een bucket
beveiligingstime-out na mislukte inlogpogingen
opgemaakte e-mails
blokkeren van spammende IP-adressen
verbeterde server-side beveiliging
betere cachingstrategie
betere compatibiliteit met speciale browsers (waaronder embeds)