Erhan Karadeniz
Dad & Full Stack Engineer - Working on https://nomadbond.com
  • 🔥 53
  • 📅 Feb '20

He Adam,

Nice product! too bad that producthunt launched a bit earlier, but still I think there is a market for this kind of product.

If I may give you advice, one thing that was not so obvious for me straight away is that you ca scroll through the items (horizontally). Maybe you should have some kind of indicator showing that you can scroll for more items?

Ya I just added an indicator. available after the next push. thanks Erhan!

have you tried removing your node_modules folder and re-installing all packages.. I don't know if you use npm or yarn, but I had issues with npm before and switched to yarn..

And you're welcome, hope the re-install solves your issue.

please have a look here, I deployed your "project" after building it.

https://wizardly-clarke-b9d99e.netlify.com/#/

you didn't change anything? this is crazy, I just built it again and this is what's in my vendor.css file: /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}

how even.... I seriously don't understand.... hope it didn't waste too much of your time man, really appreciate you helping @erhankaradeniz . Maybe I need to check my other configs.....

have you tried removing your node_modules folder and re-installing all packages.. I don't know if you use npm or yarn, but I had issues with npm before and switched to yarn..

And you're welcome, hope the re-install solves your issue.

I'm not sure why it's not working for you. I cloned your repo and when I run "yarn build" you have a css file of 564 bytes.. with tailwind classes being purged correctly.

".text-red-500{color:#f56565}.text-6xl{font-size:4rem}" those two classes are the only ones which are left in the vendor.css file.

did you check the page at localhost:8080? the "damn son" text should be pink, if it's not, then it's not working.

please have a look here, I deployed your "project" after building it.

https://wizardly-clarke-b9d99e.netlify.com/#/

you didn't change anything? this is crazy, I just built it again and this is what's in my vendor.css file: /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}

how even.... I seriously don't understand.... hope it didn't waste too much of your time man, really appreciate you helping @erhankaradeniz . Maybe I need to check my other configs.....

have you tried removing your node_modules folder and re-installing all packages.. I don't know if you use npm or yarn, but I had issues with npm before and switched to yarn..

And you're welcome, hope the re-install solves your issue.

Yes I use webpack. Can you share your config? I might be able to help by seeing your configurration.

I forgot to add it here, I did post it: https://github.com/adamleo/css-minimize-test

Really appreciate it, mate!

Spent another day today trying to figure it out, still not working.

I'm not sure why it's not working for you. I cloned your repo and when I run "yarn build" you have a css file of 564 bytes.. with tailwind classes being purged correctly.

".text-red-500{color:#f56565}.text-6xl{font-size:4rem}" those two classes are the only ones which are left in the vendor.css file.

did you check the page at localhost:8080? the "damn son" text should be pink, if it's not, then it's not working.

please have a look here, I deployed your "project" after building it.

https://wizardly-clarke-b9d99e.netlify.com/#/

you didn't change anything? this is crazy, I just built it again and this is what's in my vendor.css file: /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}

how even.... I seriously don't understand.... hope it didn't waste too much of your time man, really appreciate you helping @erhankaradeniz . Maybe I need to check my other configs.....

have you tried removing your node_modules folder and re-installing all packages.. I don't know if you use npm or yarn, but I had issues with npm before and switched to yarn..

And you're welcome, hope the re-install solves your issue.

I'm using tailwind too, and was struggling with the same (file size). I'd suggest looking into purge-css, this will scale the size of your output. I managed to go from ~800Kb to ~12Kb

Do you use webpack as well? I use purgecss it just doesn't work.

I'll keep trying tho.

Yes I use webpack. Can you share your config? I might be able to help by seeing your configurration.

I forgot to add it here, I did post it: https://github.com/adamleo/css-minimize-test

Really appreciate it, mate!

Spent another day today trying to figure it out, still not working.

I'm not sure why it's not working for you. I cloned your repo and when I run "yarn build" you have a css file of 564 bytes.. with tailwind classes being purged correctly.

".text-red-500{color:#f56565}.text-6xl{font-size:4rem}" those two classes are the only ones which are left in the vendor.css file.

did you check the page at localhost:8080? the "damn son" text should be pink, if it's not, then it's not working.

please have a look here, I deployed your "project" after building it.

https://wizardly-clarke-b9d99e.netlify.com/#/

you didn't change anything? this is crazy, I just built it again and this is what's in my vendor.css file: /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}

how even.... I seriously don't understand.... hope it didn't waste too much of your time man, really appreciate you helping @erhankaradeniz . Maybe I need to check my other configs.....

have you tried removing your node_modules folder and re-installing all packages.. I don't know if you use npm or yarn, but I had issues with npm before and switched to yarn..

And you're welcome, hope the re-install solves your issue.

I agree with what Pieter mentioned above, but I'd like to add that you're also doing all the stuff by yourself. (design, development, marketing, customer support etc..). I find it hard to not get distracted sometimes and just focus on 1 task at a time.

What's the tech you're using? I'd do a search on google for "obfuscate string {your programming language}".