| 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
- Create React App
- Chrome React / Redux DevTools
- nodemon
- Firebase Emulator Suite
- Webpack
- ESLint
- Jest for Tests
- server-side complete
- client-side TO DO
- 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