NFT Card List With Darkmode Theme

What are you most proud of, and what would you do differently next time?

from these project i learned

• performance asset handling in netlify
• understand how to use simple api to generate random avatar
• understand color contrast on text and backround in darkmode
• CSS grid and flex layouting
• deploying production ready
• create good documentation on readme file

What challenges did you encounter, and how did you overcome them?

this is something new for me creating darkmode website. i encautered unresponsive color contrast when i was implementing dark mode on svelte + tailwind. so, i fix it using tailwind dark: class in every element.

i know this is not best practice but i hope i can learn more about it

What specific areas of your project would you like help with?

• if you want to implement darkmode in tailwindcss + svelte in quick and only a few code, i recommend use shadcn-svelte. beside of that, this component library is very awesome and begginer friendly at least for me

• for import more that one image, vite has build in import glob

const modules = import.meta.glob('./dir/*.js', {
  import: 'setup',
  eager: true,
})

• in this project, i use svelte image optimizer from this