Community resource directory capstone

Build a responsive directory of fictional community learning resources. Visitors should be able to scan the information, filter by topic and understand when no result matches. The project uses browser-local sample data and must not pretend to provide production accounts, live referrals or an external database.

Requirements

• Use semantic page structure and a descriptive page title.
• Show at least four fictional resource cards with a topic and short description.
• Provide a labelled filter that supports partial text.
• Include an honest empty state and keyboard-visible focus.
• Write a reflection explaining one decision, one limitation and one next improvement.

Expected behaviours

• A matching topic displays the relevant synthetic resource cards.
• A search with no match displays a helpful empty state.
• The interface remains readable at phone and desktop widths.
• Keyboard users can reach the search control and see focus.