Enable Idea Submission & Voting System on home page

[Copilot]

Issue #1167 requests a Project Idea Submission & Voting System allowing users to submit ideas, vote on favorites, and collaborate on top-voted projects. The complete feature exists but was hidden from users.

Changes

• Uncommented feature card in Home.jsx - Enabled navigation to /IdeaSubmission from the home page

System Overview

The implementation includes:

Frontend (6 components)

• Monthly submission window with countdown timer (days 1-7)
• Voting system with email-based deduplication
• Top 5 trending leaderboard with real-time updates
• Collaboration hub with 8 role types (Project Lead, Frontend/Backend Dev, Designer, DevOps, QA, Docs, Marketing)
• Tab navigation: Submit → Browse → Trending → Collaborate

Backend (9 REST endpoints)

GET    /devdisplay/v1/ideas/status          // Submission window state
GET    /devdisplay/v1/ideas/trending        // Top 5 by votes
GET    /devdisplay/v1/ideas/current         // Paginated month view
POST   /devdisplay/v1/ideas/submit          // One per user/month
POST   /devdisplay/v1/ideas/:id/vote        // One per user/idea
POST   /devdisplay/v1/ideas/:id/collaborate // Join with role

Data Model

• MongoDB schema with vote tracking, collaboration roles, and status states (submitted → selected → in_development → completed)
• Indexes on submission period and vote count for query performance

The feature enforces monthly workflow: Week 1 submissions → Weeks 2-4 voting → Top idea selected → Next month collaboration begins.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Project Idea Submission & Voting System 💌</issue_title>
<issue_description>

Add Idea Submission Features on the 👇🏻
https://www.devdisplay.org/IdeaSubmission

Description

Add the Project Idea Submission and Voting System to DevDisplay can make it a hub for innovation and collaboration. This feature allows users to submit ideas, vote on their favorites, and actively participate in bringing top-voted ideas to life through collaborative development. Here's a detailed overview of the feature, enhanced with functionalities to ensure engagement and utility.

---

Feature Workflow Overview

1. Idea Submission Window (First Week of Every Month):

   • Allow users to submit their project ideas within the first week of every month.
   • Display a countdown timer on the homepage indicating the time left to submit ideas.
   • Ideas are displayed publicly for voting immediately after submission.

2. Voting Phase (Throughout the Month):

   • Users can like or upvote their favorite ideas to boost their ranking.
   • A "Trending Now" Section highlights the top-voted ideas dynamically.

3. End-of-Month Selection (Final Week):

   • At the end of the month, the top 1 most-voted idea is selected for community implementation.
   • Recognize contributors with badges like "Innovator of the Month" for the selected idea.

4. Community Collaboration (Next Month):

   • The selected idea is moved to a “Project Development Hub” where the community collaborates to implement it.
   • Users can join specific tasks like design, development, testing, or documentation.

---

Detailed Features

1. Idea Submission

• Submission Form:

  • Title: A short, engaging title for the idea.
  • Description: Provide details about the project, its purpose, and potential use cases.
  • Tags: Keywords for categorization (e.g., #AI, #Frontend, #OpenSource).
  • Resources Needed: Option to list the skills or tools required for implementation.
  • Optional Media Uploads: Attach images, mockups, or concept diagrams.

• Validation: Ensure users can only submit one idea per month.

2. Voting System

• Likes and Upvotes:

  • Each idea has a like button and an upvote counter displayed prominently.
  • Limit each user to one vote per idea to ensure fair participation.

• Real-Time Leaderboard:

  • Display top 5 trending ideas on the homepage dynamically.
  • Add a "Voting Closes In" timer to create urgency for participation.

3. Collaboration Hub for Top Ideas

Once an idea is selected:

• Task Board: Break the project into smaller tasks (design, code, testing, etc.) and allow users to claim tasks based on their expertise.
• Role-Based Contributions: Assign roles like Project Lead, Developer, Designer, Tester, etc., to contributors.
• Community Chatroom: Add a real-time chat or discussion board for seamless collaboration.
• Progress Tracker: Use a Kanban-style board to show progress and keep the community updated.

4. Rewards & Recognition

• Innovator of the Month: Recognize the user whose idea is selected with a badge and showcase them on the homepage.
• Contributor Highlights: Display names of all contributors to the implemented project.
• Portfolio Integration: Allow contributors to link their involvement to their profiles as achievements.

5. User-Friendly Discovery

• Browse Ideas by Category: Filter ideas by tags or categories (e.g., Web Development, Machine Learning).
• Search and Sort: Allow sorting by trending, newest, or highest-voted ideas.
• Idea History: Maintain an archive of past submitted ideas for inspiration.

6. Notifications

• Notify users about:
  • The start of the submission phase.
  • Voting deadlines and reminders.
  • Announcement of the selected idea.
  • Updates about the implementation phase.

---

Benefits for the Community

1. Encourages Innovation:
   • Opens up a platform for users to pitch and develop creative ideas.
2. Crowdsourced Validation:
   • Community voting ensures the best ideas rise to the top.
3. Skill Building:
   • Participants gain hands-on experience in collaborative development.
4. Community Recognition:
   • Motivates users with badges, leaderboard rankings, and project credits.
5. Stronger Collaboration:
   • Encourages teamwork within the community, fostering connections and learning opportunities.

---

📬 Want to contribute?

Comment below to get assigned!
If you're picking this up, make sure to follow the contribution guidelines in the repository.

💡 Before diving in, make sure to:
✅ Add your profile to DevDisplay.
⭐ Star the repository to show your support and stay updated with new features!

**🚨 This is the first & mandatory step in becoming a...

• Fixes Project Idea Submission & Voting System 💌 #1168

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
devdisplay	Ready	Preview	Comment	Oct 25, 2025 0:34am

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @codeaashu, @Copilot

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @codeaashu, @Copilot

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @codeaashu, @Copilot

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @codeaashu, @Copilot

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: @codeaashu, @copilot