Skip to content

💡 feat: Add Idea Submission & Voting System - #1171

Merged
codeaashu merged 4 commits into
codeaashu:mainfrom
AadityaHande:main
Sep 25, 2025
Merged

codeaashu merged 4 commits into
codeaashu:mainfrom
AadityaHande:main

Conversation

@AadityaHande

@AadityaHande AadityaHande commented Sep 23, 2025 •

Copy link
Copy Markdown
Contributor

💡 Add Comprehensive Idea Submission & Voting System + New Contributor Profile

Description

This pull request introduces a complete Idea Submission and Voting System for DevDisplay, transforming it into a hub for innovation and collaboration. The implementation enables users to submit project ideas, vote on favorites, and collaborate on top-voted ideas through a comprehensive monthly cycle workflow.

Related Issues

Resolves: Add Idea Submission Features - #1083

🚀 Changes Proposed

✨ New Feature: Idea Submission & Voting System

Backend Implementation (Node.js + Express + MongoDB)

  • 📊 Database Model (backend/models/ideas.models.js):

    • Complete schema for ideas with voting, collaboration, and status tracking
    • Built-in methods for vote management and trending queries
    • Support for monthly submission cycles and collaboration features
  • 🔧 API Controller (backend/controllers/ideas.controllers.js):

    • 9 comprehensive endpoints for full feature functionality
    • Submission validation (one idea per user per month)
    • Real-time voting system with duplicate prevention
    • Trending ideas calculation and leaderboard generation
    • Collaboration hub management
  • 🛣️ Routes & Integration (backend/routes/ideas.routes.js + backend/app.js):

    • RESTful API endpoints: /devdisplay/v1/ideas/*
    • Integrated into main application routing

Frontend Implementation (React + Tailwind CSS + Framer Motion)

  • 📱 Main Page (src/Page/IdeaSubmission.jsx):

    • Beautiful tabbed interface (Submit, Browse, Trending, Collaborate)
    • Real-time status updates and countdown timers
    • Responsive design with smooth animations
  • 🎨 Component Library (src/components/IdeaSubmission/):

    • IdeaSubmissionForm.jsx: Comprehensive submission form with validation
    • IdeaCard.jsx: Interactive voting cards with real-time updates
    • TrendingIdeas.jsx: Leaderboard with medal system (🥇🥈🥉)
    • SubmissionStatus.jsx: Live countdown and submission status
    • CollaborationHub.jsx: Team formation and project management

👤 New Contributor Addition

  • Profile Added: public/data/AadityaHande.json
    • Complete developer profile with skills and social links
    • Updated src/ProfilesList.json to include new contributor

📚 Documentation

  • Feature Specification: IDEA_SUBMISSION_FEATURE.md
    • Complete technical documentation
    • User workflow and feature details
    • Setup instructions and future enhancements

🎯 Feature Workflow Overview

Monthly Cycle:

  1. Week 1: Idea submission window opens with countdown timer
  2. Weeks 2-4: Community voting phase with real-time leaderboard
  3. End of Month: Top idea selected for development
  4. Next Month: Community collaboration on selected idea

Key Features Implemented:

✅ Monthly Submission Window - First week only with validation
✅ Democratic Voting System - One vote per user per idea
✅ Real-time Trending - Top 5 ideas with medal rankings
✅ Collaboration Hub - Role-based team joining
✅ Status Tracking - Live countdown timers and submission status
✅ Responsive Design - Mobile-first with beautiful animations
✅ Form Validation - Both frontend and backend validation
✅ Error Handling - Comprehensive user feedback

🛠️ Technical Highlights

  • Database: MongoDB with Mongoose ODM
  • API Design: RESTful with proper error handling
  • Frontend: Modern React with Tailwind CSS and Framer Motion
  • Real-time Features: Live countdowns and status updates
  • Responsive: Mobile-first design approach
  • Performance: Optimized queries with pagination support

📊 Commits Summary

  • Add Aaditya Hande's profile information in JSON - New contributor profile
  • Add AadityaHande.json to ProfilesList - Profile list integration
  • feat: Add comprehensive Idea Submission & Voting System - Main feature implementation
  • Merge branch 'main' - Repository synchronization

Total Changes: 2,118 additions, 28 deletions across 11 files

Checklist

  • I have read and followed the Contribution Guidelines
  • All new and existing tests passed
  • I have updated the documentation to reflect the changes I've made
  • My code follows the code style of this project
  • The title of my pull request is a short description of the requested changes
  • Added my profile to DevDisplay (mandatory first step)
  • Code is production-ready with proper error handling
  • Responsive design implemented for all devices
  • API endpoints are secure and validated

🎖️ Benefits for DevDisplay Community

For Users:

  • Innovation Platform: Share and develop creative project ideas
  • Skill Building: Hands-on collaborative development experience
  • Recognition: Badges, leaderboards, and portfolio credits
  • Networking: Connect with other passionate developers

For DevDisplay:

  • Increased Engagement: Monthly submission and voting cycles
  • Quality Content: Democratic validation ensures best ideas rise
  • Community Growth: Collaborative projects strengthen relationships
  • Platform Evolution: User-driven feature development

📬 Note to Reviewers

This implementation provides a complete, production-ready Idea Submission and Voting System that matches all requirements from the original issue. The feature includes:

  • Comprehensive backend with MongoDB integration
  • Modern frontend with React and beautiful animations
  • Complete user workflow from submission to collaboration
  • Proper validation and error handling throughout
  • Responsive design for all device sizes
  • Detailed documentation for future maintenance

The code follows DevDisplay's existing patterns and coding standards. All components are modular, reusable, and well-documented. The feature is designed to scale and can be easily extended with additional functionality.

Ready for deployment - No additional setup required beyond standard DevDisplay installation.


🚀 Contributor: Aaditya Hande (@AadityaHande)
📧 Contact: aadityahande27@gmail.com
🌟 First Contribution: Adding profile + Major feature implementation

@bolt-new-by-stackblitz

Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 Incredible work, @AadityaHande! 🚀

🔥 Welcome to DevDisplay — A space where developers and all the tech enthusiasts can connect, collaborate, code, create, and conquer in the tech ecosystem.

At DevDisplay, we don't just welcome contributors—we celebrate them! 🎊 Because here, your ideas matter. Your code matters. You matter. 🚀

💡 This isn't just about adding your profile. It's about making an impact, showcasing your skills, and standing out in the developer ecosystem.

Think of DevDisplay as your own project, not just another open-source contribution. We're not just a platform—we're a global movement redefining the tech space. Our vision is to be the go-to platform for developers and tech enthusiasts worldwide.

🚀 Innovation has no limits!
We encourage you to think beyond the ordinary. Got a revolutionary idea? Spot a gap in the tech world? DevDisplay can be the solution! We want contributors like you to dream big, build bold, and bring game-changing features to life.

🌍 DevDisplay is more than an open-source project. It's a global tech hub, a thriving community, and a platform where you can connect, collaborate, code, create, and conquer.

🔥 Keep pushing boundaries—we're just getting started!
If you put your 💯 into creating something exceptional, you could even join our Global Core Team and also you can lead DevDisplay as a Community Leader in your area, college, or university.


💡 Your issue is now in review!

  • Our maintainers will soon review your PR and provide feedback/suggestions. 🚀 Stay tuned, stay engaged, and get ready to bring your ideas to life! 💡

---

📢 Have ideas to improve DevDisplay? Let us know! We're always looking for innovative minds to shape the future of tech.

💬 Join the conversation. Grow with the community. You belong here. 🙌


📢 Join Our Global Developer Communities & Connect with Innovators:

📩 Need Help? Reach Out to the Team:

💻 Follow DevDisplay on Social Media & Stay Updated:

🔥 🌟 Thank You for Being Here!

@vercel

vercel Bot commented Sep 23, 2025 •

Copy link
Copy Markdown

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

Project Deployment Preview Comments Updated (UTC)
devdisplay Ready Ready Preview Comment Sep 23, 2025 6:26pm

@github-actions

Copy link
Copy Markdown

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

@AadityaHande

Copy link
Copy Markdown
Contributor Author

@codeaashu @madhukalita please check the PR and comment about it.. would like to know your response.. :)

@github-actions

Copy link
Copy Markdown

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

@codeaashu
codeaashu merged commit be60d7b into codeaashu:main Sep 25, 2025
2 checks passed
@codeaashu
codeaashu self-requested a review September 25, 2025 04:32
@codeaashu codeaashu added DevDisplay 🌟 This label recognizes every contributor to the DevDisplay Community for their support...💌 Dev Enhancer 🌟 Label 2 for second-time contributors who enhancing and refining features of DevDisplay. 🔧 Dev Innovator 🌟 Label 3 for contributors adding new, innovative features to DevDisplay, leading in creativity.💡 GSSoC'25 Label is used for Issues and pull request related to GSSoC 2025 open source contribution. Level 3 labels Sep 25, 2025

This branch was successfully deployed

1 active deployment
Preview — 8aff4cdf Deployed Sep 23, 2025 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Dev Enhancer 🌟 Label 2 for second-time contributors who enhancing and refining features of DevDisplay. 🔧 Dev Innovator 🌟 Label 3 for contributors adding new, innovative features to DevDisplay, leading in creativity.💡 DevDisplay 🌟 This label recognizes every contributor to the DevDisplay Community for their support...💌 GSSoC'25 Label is used for Issues and pull request related to GSSoC 2025 open source contribution. Level 3

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants