Result summary component

Solution retrospective
well this is my first project with any framework, its first project with REACT and tailwindcss, using these frameworks was not problematic itself but they include some steps which are a headache for me maybe because of my old pc.
What challenges did you encounter, and how did you overcome them?Oh man, this was a mess, creating react app using vite did not creates tailwindcss.config.js and postcss.config.js files, which according to all ai's will not made the styles from tailwind stay if the project is deployed and if it deploys, i need (dist) folder to do that which these config file will make,
my pc does not run npx command, it won't run npm run build, i got confused how to merge these two folders (starter and react) together to make it work.
i deleted everything and recreated with adjustments 5 times, then deployment issues, finally its done after 3 days of torcher.
What specific areas of your project would you like help with?tell me, when we install tailwind using vite by the process on their website, then why do we need to install other things like config.js files.
why does the tailwind states half the process, if it won't applies styles after deployment.
i need to disable my anti-virus, delete node and reinstall it putting various commands in windows powershell, vscode and git terminals, still it won't run npx command to create config.js files. the gemini also bashing its virtual head to a virtual wall.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@markuslewin
I don't know the exact problems you experienced, but I can definitely see AIs having problems distinguishing between v3 and v4 of Tailwind. This project looks like a hybrid of those two versions.
If I:
- Remove the
@tailwind
directives fromindex.css
(but keep the@import "tailwindcss"
) - Remove
postcss.config.js
andtailwind.config.js
npm uninstall @tailwindcss/postcss
The project still works as expected, and it no longer uses any of the old features of v3!
The upgrade from v4 was actually pretty large. It might be worth checking out Changes from v3.
Marked as helpful - Remove the
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord