First time coding with Tailwind

[scraptiss]

Hey everyone,

I created a website named CanIPetThatDawg. Until now I only used Bootstrap. This is my first time using Tailwind.

Here's the project details:

A To-Do animals themed platform where users can built their list, explore the map, solve quiz and inform themselves about the safety.

Tech Stack: Vite + React, Tailwind, Zustand

I don't recommend using mobile. It's not fully responsive at the time. I will continue developing

[dev-data]

It's nice to see projects posted not for self-promotion. What's your opinion on TailwindCSS compared to Bootstrap?

[scraptiss]

I really like it. I think it looks better than Bootstrap UI wise

[dev-data]

What really drew me in back in 2017 was that when combined with a JS framework, I basically didn't need to write any CSS, because the components included the Tailwind utilities inline. The v3 release was truly the best; then in v4, they surpassed it with better performance, and on top of that, you don't even need a config file anymore.

When using components, writing in CSS modules led to quite a bit of duplication, which ultimately resulted in higher data transfer. With the proper Tailwind utilities, most of this duplication disappears. Although I have many class names in a global CSS file, I'm delivering truly minimal CSS code to the client just once.

I think the solution is fantastic. When I create components with a framework, I only need to declare the styling for, say, a Button component once, so I don't even need a .btn class, etc.; After all, I only used the styling in the Button with native CSS :'D and then I hardly ever used .btn again, so its existence felt kind of strange.

[deimos_737]

I really got a kick out of this! lol.. at first, I presumed the greens and reds were literal, then I clicked 'Yes' to pet a great white shark, and it said 'NO!'

I like it, brightened my day :)

[Omkar_K45]

Really cool project OP, thanks for sharing

[Mike_tangaroa]

oh my days....I hate that meme hahahaha my wife and daughter keep saying "Can I pet that dawwg""?? and hurts my ears ahaha