Aside from my lifetime devotion to coding, I have three significant passionates, which are diecast model cars, purple-clay teapots(紫砂壶), and Jian teacups(建盏), the latter two are the inevitable outcomes of my tea-drinking habit.

After shipping my entire collections of the above three passionates to Canada, I started to think of making a web console to digitalize and present all my 140 model cars, 60+ purple-clay teapots, and 500+ Jian teacups.

What you are looking at is the result of above idea. It’s built with Astro, seasoned with TailwindCSS, stuffed with Markdown, and deployed on Netlify, distributed by Cloudflare. This might be a quite popular tech stack for doing small project like this one recently, it beat other team players like Gatsby, SveltKit, or SolidJS, although I just finished a project based on Gatsby/Sanity/TailwindCSS, and another one is SveltKit/LeanCloud Storage/Sass.

I love the feeling of controlling the styling procedure, which is the reason I’m still using Sass in some large projects, but nowdays, more and more developers prefer to use CSS framework to align the styling methodology, this really helps in team working. TailwindCSS is the most used CSS framework in my recent projects, it offers the team a unified mindset in styling aside from its ease of use.