CSS GRID, VITE BUNDLER, TYPESCRIPT, VANILLA JS, SASS, FETCH

Solution retrospective
Hello everyone!
I wanted to make this project only in javascript vanilla. It was not the easiest way but it allowed me to review the basics of creating elements in js.
I had some difficulties with the types while manipulating object data and I had to change my html and css structure because of a bad implementation of the absolute position.
Please feel free to give me some ideas to improve my code, it would be a pleasure especially on typescript.
Thank you.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @devmor-j
Beautiful 🥰 I went through your code and I have to admit that all those packages scare me 😁. Some might say this is an overkill solution but in my opinion this sure could be an enterprise structure that provides scaling and online fetching in mind. Just being honest and hope this does not offend you my dear.
One thing that I highly recommend is that in
tsconfig
file set yourtarget
to something likees2016
ores5
. This will bring support to a broader range of browsers and almost all of them supportes5
syntax:"compilerOptions": { // try 'ES5' or 'ES2016' "target": "ESNext", }
Currently
ESNext
is not safe and causes ambiguity (imagine 2025 in whichesnext
means 2026). I personally would only useesnext
just for development and not production or final bundle.Overall I enjoyed your well-organized repo and names make sense, Have fun 😀
Marked as helpful
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