Websites

I am backend-focused, but I really came to enjoy the frontend side of things as well. There is something satisfying about seeing your work come to life in a browser.

Here is a collection of websites I have built in my free time, the aim being to try out different web technologies, be it frameworks, static site generators, deployment platforms, or just to play around with CSS and design.

This website 🔗

My personal website, soyflo.es, is built using Eleventy. I chose Eleventy for its simplicity, and the fact that it allows me to write content in Markdown while still having the power to customize the site as needed.

The site is hosted on Vercel.

Gats Patraix 🔗

This website is supposed to soon serve as the website for a cat association in Valencia, Spain. The backlog of the project's Kanban board has still a few items to be done, but the main blocker is establishing a workflow to add and maintain the content. I integrated Decap CMS for that, which provides an interface for non-tech-savvy people to manage blog articles and the list of cats. The next, more difficult step will be to convince the association members to use it!

It's built with Astro as static site generator, Tailwind CSS for styling, and React for interactive islands wherever needed. The site is hosted on Netlify.

Furu 🔗

Furu, or in Chinese 腐乳, is a fermented tofu condiment. It's sometimes called "Chinese cheese", which makes it all the more exciting because cheese is precisely the single food item that a European like me would miss the most when living in Asia. While it certainly did not fix my craving for cheese, it certainly created a new one. I dedicated a website to it, built with Next.js. I wanted to play around with Tailwind CSS and Chinese font sets. Make sure to hover / click the circles!

Flow's Cloth 🔗

A classic GitHub Pages site, built with just a single HTML file. I wanted to try out this awesome JavaScript physics engine and the result is fun to play around with.

Formosa 🔗

I have also experimented with Webflow, a no-code website builder. My background made the interface easier to navigate, but there was still a steep learning curve — it took time to find the exact settings among the plethora options. It felt like doing the same work I would in code, just through a GUI - which does provide helpful guardrails to keep your design system consistent and makes sure you won't be surprised when opening the site on mobile (never happened to me 👀)