feat: add real-time search functionality with enhanced UX

[KashviYadav09]

Summary

This PR adds a real-time repository search feature to the Good First Issue website with improved user experience and example projects for testing.

Features Implemented

• Added a search bar to website/index.html for filtering projects.
• Real-time filtering by project name, language, and labels using JavaScript (website/scripts.js).
• Dynamic rendering of project items from data/projects.json.
• Hover effect and subtle scale animation for project items (website/styles.css) to improve UX.
• Added 4 example projects in data/projects.json for testing and demonstration.
• Updated README.md with a New Feature: Real-Time Search section.
• Added a note in docs/adding-a-new-project.md about searchable projects.

Files Changed

• website/index.html → Added search bar and project container.
• website/styles.css → Added hover effects and styling for search results.
• website/scripts.js → Added real-time search logic.
• data/projects.json → Added example projects for testing.
• README.md → Added new feature section.
• docs/adding-a-new-project.md → Mentioned search functionality.

How to Test

1. Open website/index.html in a browser.
2. Type in the search bar (e.g., “Python”, “UI”, “JavaScript”) to see instant filtering.
3. Hover over project items to see highlight and scale effect.
4. Confirm all 4 example projects appear and filter correctly.

Benefits

• Makes it easier for contributors to find projects quickly.
• Touches multiple files to demonstrate full-stack/frontend skills.
• Improves the UX and UI of the website.

[vercel]

@KashviYadav09 is attempting to deploy a commit to the DeepSource Team on Vercel.

A member of the Team first needs to authorize it.