A chrome‑cinematic playground for words, puzzles, curiosity, and linguistic delight.
WerdNerd blends expressive UI, playful mechanics, and a modular TypeScript architecture to create a unified, tactile experience across:
- Word Vault (tag‑driven archive of weird + wonderful words)
- Games (Boggle, Wordle, Word Search, Trivia, Hangman, Codenames)
- About Page (mission, vision, values, contact, and FAQs)
- Fun Facts & Brain Teasers
- Creator's Playground (Typography & Color Palette)
- User Interaction(Submit Word, Spin the Wheel)
Built with:
- React + Vite
- TypeScript
- Supabase
- TailwindCSS
- Vercel
- Fully typed Werd schema
- Tag cloud filtering
- Chrome‑accented WerdCards
- Supabase‑backed data pipeline
- Modular game engine
- Cinematic chrome artifacts
- Lazy‑loaded routes
- Unified aesthetic across all puzzles
- Fully typed insert pipeline
- Validation + Supabase integration
- Responsive
- Chrome‑cinematic
- Mobile‑first
- Clean, production‑safe structure
| Layer | Technology |
|---|---|
| Frontend | React, TypeScript, Vite |
| Styling | TailwindCSS, custom chrome gradients |
| Backend | Supabase (Postgres + Auth + Storage) |
| Deployment | Vercel |
| CI/CD | GitHub Actions |
npm install
npm run devEnvironment variables required: VITE_SUPABASE_URL= VITE_SUPABASE_ANON_KEY=
npm run build
• Build-only workflow • Supabase env vars injected via GitHub Secrets • No linting or bundle analysis (optional to re-enable later)
See CONTRIBUTING.md for full guidelines.
MIT