Albert Bonmassip
Desenvolupador Front-end

Hola! Sóc l'Albert i després de 9 anys vivint a l'estranger (a Zúric i a Los Angeles), he retornat a Barcelona buscant noves oportunitats.
Creo webs dinàmiques amb React
i Next.js
, i també experiències 3D a la web amb Three.js
. De back-end utilitzo Express
i PostgreSQL
. Prèviament he sigut generalista 3D i tinc coneixements avançats de Photoshop
, Blender
i el procés de producció de gràfics 3D.
Projectes

Localitza la ISS a temps real
Experiència 3D interactiva amb Three.js
, utilitzant l'API wheretheiss.at per localitzar l'Estació Espacial Internacional a temps real. Shaders personalitzats
per l'atmosfera i l'efecte dia/nit a la textura de la terra. GSAP
per les animacions i lil-gui
pel menú de depuració afegint #debug
a la URL.

Fera Gravel
Web per promocionar una ruta de ciclisme de muntanya als Pirineus. Creat amb Next.js
, disseny responsiu i traduït a multiples idiomes amb next-intl
. Contingut escrit en arxius Markdown, parsejats amb remark
i gray-matter
per facilitar-ne l'edició.

Portfoli
El lloc web en què et trobes ara mateix. Creat amb Next.js
, traduït a multiples idiomes amb next-intl
, remark
i gray-matter
per al parsing de Markdown i Figma
per el disseny.

Demo 3D d'arquitectura
Fet amb Three.js
i animacions amb GSAP
, provant les capacitats de Three.js per visualització arquitectònica, incorporant 3D
amb HTML
per crear una experiència interactiva.

Reconeixement de cares
Aplicació en React
que detecta cares en imatges amb l'API de Clarifai. Servidor backend Express.js
, base de dades PostgreSQL
pel registre d'usuaris, bcrypt
per emmagatzemar les contrasenyes de manera segura i Tachyons
per a l'estil CSS.

Botiga en Línia
Aplicació feta amb React
, Redux
per a la gestió d'estat, Firebase
per a l'autenticació i base de dades, i Stripe
per a la gestió de pagaments. També he fet servir React Hooks
, GraphQL
i ContextAPI
.