CODEX-0507: Design & Develop Dedicated Projects Showcase Page

[codexiter]

Description

Design and implement a dedicated Projects Showcase page to highlight innovative projects developed by CODEX members across various domains including Web Development, Artificial Intelligence, Machine Learning, Competitive Programming, Open Source, Cybersecurity, and related technologies.

The page should provide visitors with an engaging overview of the technical work, creativity, and engineering excellence fostered within the CODEX community.

Requirements

1. Create a dedicated Projects page accessible through the website navigation.

2. Design a modern, visually appealing, and responsive project showcase experience.

3. Display project cards with relevant details such as:

   • Project Title
   • Short Description
   • Technology Stack
   • Contributors / Team Members
   • Project Links (if applicable)

4. Use mock data for the initial implementation.

5. Structure the implementation in a way that allows for future CMS integration without major refactoring.

6. Include filtering, categorization, or search functionality where appropriate.

7. Follow existing CODEX branding, design patterns, and UI standards.

8. Update the Navbar to include navigation to the Projects page.

Technical Expectations

• Component-based and reusable architecture.
• CMS-friendly data structure.
• Scalable design capable of supporting a growing project portfolio.
• Responsive across desktop, tablet, and mobile devices.
• Clean animations and interactions consistent with the CODEX website.

Acceptance Criteria

• Dedicated Projects page is successfully implemented.
• Mock project data is displayed using a scalable structure.
• Page is ready for future CMS integration.
• Navigation to the Projects page is available through the Navbar.
• Design is responsive and visually consistent with the CODEX website.
• Changes are submitted through a Pull Request referencing this issue.