Update Frontend

[jccdev45]

Hello 👋🏽

First, I'd like to say I absolutely love this site so thank you for creating it. I have it bookmarked and I use it all the time in Twitch chats 😀 Now, onto to the PR. I never noticed it was open source until today, so I was excited to check it out and try to give the frontend a fresh coat of paint, so to speak.

Changes

• Migrated to Vite (improved performance, build times)
• Upgrade React (v19)
• Migrate to TailwindCSS (v4)
  • Provides more consistency & standardization for CSS styling
  • v4 comes with many improvements
• Added shadcn-ui components: button, checkbox, dropdown-menu, label, slider, sonner (toast), textarea
  • Built from radix-ui, with consistent design & accessibility in mind
• Improve general accessibility
  • Ensure use of semantic HTML elements
  • Add sr-only class for screen reader-only text (i.e. placeholders and labels should be separate)
  • Add aria-* fields
• Migrate to Bun
  • Improved dev experience & build/package install times
• Add dark mode toggle
  • Contains options for dark, light or system preference
• Updated Github actions file to mirror changes & new project structure
  • NOTE: This is an area I'm admittedly not familiar with but everything should be correct 🤞

Preview Images

Light mode:

Dark mode:

Conclusion

I understand this is a major change, and also a random one as I just sort of did it out of nowhere. So if there's anything you'd like for me to adjust or change or anything of the sort, I'm fully open to working that out with you.

Thanks again for the project and thanks for checking out the PR whenever you can!

jccdev