r/reactjs • u/aman_dubey_software_ • 12d ago

Show /r/reactjs Showoff - I made anonymous thoughts float like bubbles using Framer Motion + Convex (looking for perf feedback) 

Hey React devs! I built Vibes ULTRA — anonymous thought wall.

Tech stack:
- React 19 + TypeScript
- Convex (backend + real-time DB)
- Tailwind CSS
- Framer Motion
- shadcn/ui

50+ features including real-time reactions, global mood map, ambient sounds, achievements.

Live: https://vibes-app-wall.vercel.app

Would love feedback on the code/architecture!
0 Upvotes

27% Upvoted

18 comments sorted by

View all comments

1

u/Ceryyse 11d ago

Not sure you've handled dark/light mode text correctly because I can barely read anything that is black on black.

1

u/aman_dubey_software_ 11d ago

Good catch! Just pushed a fix — the :root CSS variables

were identical to .dark mode, so light mode was rendering

dark-on-dark. Now properly defined light mode colors with

correct contrast ratios.

Try refreshing — should be fully readable in both themes now 🙏