Search & Filtering

Overview

Search uses a hybrid approach: client-side fuzzy matching with Fuse.js for instant results, and server-side regex search as a fallback.

Client-Side Search (Fuse.js)

• Full player list cached in Redis and fetched on page load
• Fuse.js configured with threshold: 0.3 on firstName and lastName
• Results update instantly as the user types
• Value filters can be combined with text search

Server-Side Search

• player.search procedure uses regex on firstName / lastName
• follow.searchUsers uses regex on name / username with 300ms debounce

Design Decisions

• Client-side search chosen for player list because the dataset is small and read-heavy
• Server-side search for users because the user list can grow unbounded

Technical Details

<!-- Add details about Fuse.js configuration, pagination strategy, etc. -->

Content coming soon — add your video and detailed writeup here.