From f2253a96e5fbbcba10cc6fa77a6a8750e3d18e65 Mon Sep 17 00:00:00 2001 From: ayushdwivedi-stack Date: Sun, 25 Oct 2026 01:51:27 +0530 Subject: [PATCH] feat(wesnest): build accessible frontend with Wesleyan design system and interactive states MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Implement Wesleyan brand palette (Cardinal Red #C41230, dark red #990000, gray scale) - Add direct clickable links to WesNest organization URLs with external indicator - Render category tags as distinct chip badges and show percentage match scores - Provide debounced search with instant clear button (✕) and animated loading spinner - Include zero-state suggestion query chips (Robotics, Community Service, A Cappella, Debate, Coding, Film) - Add aria-live polite announcer for search results, screen-reader labels, and focus rings - Expand Playwright test suite to verify suggestion chips, clear button, and empty state Fixes #50 --- apps/wesnest-search/index.html | 513 ++++++++++++++++++-- apps/wesnest-search/tests/frontend.spec.mjs | 67 +++ 2 files changed, 550 insertions(+), 30 deletions(-) diff --git a/apps/wesnest-search/index.html b/apps/wesnest-search/index.html index d2ff1b5..9449064 100644 --- a/apps/wesnest-search/index.html +++ b/apps/wesnest-search/index.html @@ -2,7 +2,8 @@ - WesNest Semantic Search + + WesNest Semantic Search - Wesleyan University -

Find a Wesleyan club

-
- - -
+ + + +
+
+
+ + + + + + + + +
+ + +
+ Try searching: + +
+ + +
+ +
+ + +
+ +
+ + +
+
🔍
+

No matching student organizations found

+

Try searching with broader terms or exploring one of the suggested topics above.

+
+ + +
+
🏛️
+

Discover Wesleyan Organizations

+

Enter keywords, skills, or passions above to find matching clubs via AI semantic search.

+
+
+