💡[Feature]: add project showcase gallery with filter and search (Recode Projects Section)

[adityasingh-0803]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

✨ Summary

This PR adds a new “Recode Projects” showcase section to highlight community and hackathon projects from Recode Hive.

🔧 Features

• Added a responsive projects grid section
• Implemented live search and category filter
• Added sample project data in data/projects.json
• Integrated smooth hover animations for cards
• Linked project cards to corresponding GitHub repositories
• Fully responsive layout for desktop and mobile

🌱 Future Improvements

• Add project submission form (Google Form or CMS)
• Auto-fetch projects from Recode Hive GitHub org using API
• Add contributor avatars and tags

✅ Tested On

• Chrome, Edge, Firefox
• Mobile view responsive checked

🔗 Outcome

Enhances community visibility and adds an engaging interactive section to the Recode Hive website.
assign me under wocs

Use Case

This feature enhances the Recode Hive website by providing a centralized, interactive space to explore all Recode projects, hackathon submissions, and community contributions.

With the Project Showcase Gallery, users can:

Discover past and ongoing Recode projects easily, without browsing multiple repositories.

Filter and search by technology, category, or year to find relevant work quickly.

Navigate directly to project GitHub links to view source code or contribute.

Get inspired by others’ work — encouraging collaboration and participation in new Recode initiatives.

Display achievements of the community, making the website more dynamic and engaging.

For contributors, it acts as a portfolio hub, showcasing real Recode projects to potential collaborators and recruiters.
For visitors, it transforms the website from a static informational page into a living ecosystem of open-source innovation.

Benefits

No response

Add ScreenShots

No response

Priority

High

Record

• I have read the Contributing Guidelines
• Are you a GSSOC'25 contributor
• I want to work on this issue

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[Adez017]

@sanjay-kv , need your opinion here.

[github-actions]

✅ This issue has been closed. Thank you for your contribution!