🌟 Add Idea Submission Features 💌 & Get 8 Benefits 🌟

[codeaashu]

What feature?

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

Description

Adding a Project Idea Submission and Voting System to DevDisplay can make it a hub for innovation and collaboration. 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.

---

Technical Implementation Suggestions

Frontend:

• Use React for dynamic UI with real-time voting and leaderboard updates.
• Add a responsive submission form with validation and media upload support.

Backend:

• Node.js with Express for handling submissions, votes, and notifications.
• Use MongoDB for storing project ideas, votes, and user contributions.

Real-Time Updates:

• Implement WebSockets or Firebase to update voting results and leaderboards live.

Collaboration Hub:

• Integrate Trello API or build a custom Kanban board for task tracking.
• Use Socket.IO or a dedicated community forum like Discourse for real-time discussions.

---

🌟 Benefits of Contributing to This Feature 🌟

By contributing to this feature, you will unlock a range of opportunities to boost your tech career and professional growth:
Benefits of Contributing to DevDisplay

1. Gain Recognition 💌

   • Be selected as a core team member of the Global Tech Community - DevDisplay, a platform destined to become the Global Tech Hub.
   • Your name will be featured on the Contributor Wall of Fame, gaining visibility across the global tech community.

2. Build Your Career Credentials 🚀

   • Receive an Internship & Work Experience Certificate from DevDisplay, validating your contribution to this global open-source initiative.
   • This certificate will significantly enhance your resume and help you stand out in job applications, giving you an edge in securing better opportunities in your tech career.

3. Unlock Exclusive Opportunities 🎯

• Priority Access to:
  • Hybrid Remote & Onsite Jobs.
  • High-paying freelance projects and big contract opportunities.
  • Hackathons, Tech Events, Bootcamps, and Open Source Collaborations.
• Gain personalized referrals and recommendations from the DevDisplay network to accelerate your career growth.

4. Be Part of a Global Vision 🌐

   • Contribute to a platform that connects developers worldwide, fosters collaboration, and celebrates innovation.
   • Your work will directly impact the success and engagement of a thriving global tech community and leave a lasting legacy.
   • Play a key role in enhancing user engagement and community experience, leaving a lasting legacy on the platform’s development and growth.

5. Enhance Your Portfolio 📈

   • Strengthen your professional portfolio with an impressive contribution to a live, open-source project.
   • Highlight your ability to design and implement interactive features such as voting and liking systems.

6. Expand Your Network - Networking Opportunities 👋🏻

   • Collaborate with a diverse community of developers, designers, and tech enthusiasts from around the globe.
   • Build meaningful connections that could lead to mentorship, partnerships, and career advancements.

7. Earn Swag and Goodies 🎁

• As a token of appreciation, contributors will receive exclusive DevDisplay merchandise, including:
  • T-Shirts, Hoodies, and Caps to celebrate your role in the community.
  • Stickers, Notebooks, and Tech Accessories.
  • Special "Top Contributor" Swag for standout participants.
• Swags are shipped worldwide, so you’ll receive them no matter where you are!

8. Celebrate Your Achievements 🏅

• Contributors to top features will be celebrated with:
  • Special shoutouts on DevDisplay’s platform and social media channels.
  • Invitations to exclusive events like hackathons, meetups, and webinars hosted by DevDisplay.

---

For More Details and Help

• Join DevDisplay Discord Community: Discord Community

• Join DevDisplay WhatsApp Community: WhatsApp Community

  • Connect with other developers and collaborate on exciting projects.

• Reach Out to the Team:

  • Company Email: [email protected]
  • Creator's Email: [email protected]

• Connect on Social Media:

  • GitHub Organization: https://github.com/devdisplay
  • LinkedIn: https://www.linkedin.com/company/devdisplay/
  • Twitter: https://x.com/devdisplay_
  • Instagram: https://www.instagram.com/devdisplay/

---

Thanks and Best Regards

The DevDisplay Team 💌

---

Add screenshots

Add screenshots

Code of Conduct

• I agree to follow this project's Code of Conduct

[PrathamDwivedi27]

Hello @codeaashu . I am excited to implement this idea . it has wide variety of feautres and it will test my backend skills and It fasciantes me very much . So please assign this issue to me and I will start working on this

[codeaashu]

hey @PrathamDwivedi27 ,

Now you will assigned for this.
let's start working on this features & Kick start your open source journey

[PrathamDwivedi27]

Hey @codeaashu. I want to ask I need some sort of userId or something to validate that one user submits one idea. So ,do I need to make a autentication system or use a different approach ? Because I need user information for various tasks and the data is stored in json file not in any database so that I can make a api call . So what should I do ?

[codeaashu]

Hey @codeaashu. I want to ask I need some sort of userId or something to validate that one user submits one idea. So ,do I need to make a autentication system or use a different approach ? Because I need user information for various tasks and the data is stored in json file not in any database so that I can make a api call . So what should I do ?

Great question! we’re storing data in a JSON file rather than a database, here's what you can do:

1. User Validation Approach:

• Authentication System: Implement a basic authentication system using email or social media logins (e.g., Google or GitHub OAuth). This would ensure each user has a unique identifier (e.g., email, username, or user ID) that can be used to track submissions.
• Unique User Tokens: When a user logs in, generate a unique token (JWT or session ID) and associate it with their submissions. This ensures one submission per user without requiring a full database.

2. Alternative Without Authentication:

• Device-Based Tracking: Use browser-based local storage or cookies to track if a user has submitted an idea. However, this is less reliable because users can clear their cookies or switch devices.
• Temporary JSON File Updates: Add a field in the JSON file for each submission that maps ideas to a hashed user identifier (e.g., hash their IP address or browser fingerprint).

3. Recommendation:

• For scalability and accuracy, I’d recommend integrating an authentication system. It will simplify user validation and allow for better features down the line, like tracking individual contributions, assigning roles, or sending notifications.
• If you're concerned about complexity, you can start with OAuth (e.g., Firebase Authentication) to manage users without setting up a full-fledged backend.

This approach also aligns with the long-term vision of DevDisplay as a collaborative and user-friendly platform. Let me know if you need help setting it up! 🚀

---

& the main things 👇🏻

This contribution is not just about open source or SWOC; it's about showcasing your skills, standing out, and making an impact. If you give your 100% and create something exceptional, you could even join our Core Team and lead our organization and community as a Community Leader in your area, college, or university.

Think of this as your own project, not just a task. DevDisplay isn’t my personal project—it’s a vision to fulfill all the tech needs of developers in one place. It’s a platform created by developers, for developers. So don’t hold back—let your creativity flow and bring your best ideas to life!

We can’t wait to see what you create. If you need any guidance or resources, feel free to reach out anytime!

[codeaashu]

hello @PrathamDwivedi27 is there any update?

[PrathamDwivedi27]

@codeaashu yes I am writing backend first becoz thats my strong part and I have completed the authorisation with jwt. Next I am going to start with actual task

[codeaashu]

@codeaashu yes I am writing backend first becoz thats my strong part and I have completed the authorisation with jwt. Next I am going to start with actual task

That's great @PrathamDwivedi27
Can't wait to see your creativity. ✨

[codeaashu]

is there any update? @PrathamDwivedi27

[PrathamDwivedi27]

Hey @codeaashu I have already generated one PR for this . Can you see it once

[PrathamDwivedi27]

I didn't get any reply back @codeaashu

[codeaashu]

Guys -- is any update? @PrathamDwivedi27

[PrathamDwivedi27]

@codeaashu I once genrated the PR to get your feedback on that. You didn't reply after that whether I was correct or not. So, I left . If you don't reply what else I will understand ?

[codeaashu]

@codeaashu I once genrated the PR to get your feedback on that. You didn't reply after that whether I was correct or not. So, I left . If you don't reply what else I will understand ?

Sorry for that
Let's start working on this - this is the core feature of our organization

follow the process that I tell you in Google Meet
first, make a login or signup page on the home page button

if you need more details about message me on WhatsApp
let's discuss this through Google Meet

[PrathamDwivedi27]

Currently , I am doing internship . So , I am getting very less time.