Live Demo

Screenshots

Mobile	Tablet	Desktop	Multiplayer

Created with Excalidraw

Responsive Design
- Flexbox & CSS Grid
- Mobile-first media queries
Modern React (v18)
- Functional Components & Hooks
- React Router
- MaterialUI
Modern Redux
- Redux Toolkit
WebSockets
- socket.io for real-time multi-player collaboration
Server
- node.js + Express
Authentication
- Google Identity Services + Firebase
NoSQL Database
- Firebase Real-Time Database
Serverless Functions
- Firebase Scheduled Cloud Functions (to pull and save daily puzzle)
Heroku
- Hosting
- Staging & Production environments
DNS
- Google Domains CNAME and forwarding

Client-side tests
CI/CD
Add Renovate/Dependabot
Accessibility
- When tabbing to different word, screen reader reads out number & orientation (e.g., "13 across"), clue, and number of letters
- If there are already filled in letters, read them aloud (e.g., A B _ D _ ).
- Different behavior - no automatic skipping filled in letters. User manually moves within word with arrow keys.
- Say which square you are on - e.g., "third square"
If puzzle fetch fails, send message to me
- Other monitoring
Alert player when puzzle complete and correct
- Streaks, scores
Set up test database for test environment
Allow anonymous players
- Clear anonymous games from the database every night
Chat Functionality
- To discuss game, etc.
Display when avatar icons exceed title bar
- Allow custom colors
Let player know when disconnected from Socket, otherwise anything they input during disconnect won't be saved
Join as viewer first and then only part of game if attempt to fill in answer
Ability to remove self from game
Ability to browse clue list for desktop and tablet, b/c there is room