Speak Up

• 

  Home Page of the website

• 

  Admins create organizations

• 

  Dashboard for admin

• 

  Users find their organizations

• 

  Report the incidents here

• 

  Admins can look for reports in their organizations

• 

  Detail report about the incident

Inspiration

Workplace harassment and discrimination often go unreported due to fear of retaliation, shame, or lack of anonymity. I wanted to build a platform where individuals—especially those from marginalized genders—can safely and anonymously speak up about the injustices they face in their organizations, including schools, colleges, and workplaces.

What it does

SpeakUp allows users to log in securely and submit reports of incidents anonymously. The platform ensures users' identities are protected while giving organizations insights into issues that need attention. This promotes a culture of transparency, safety, and accountability.

How we built it

• Frontend: Built using Next.js with ShadCN components, and styled with TailwindCSS for a modern and responsive UI.
  
• Authentication: Implemented using NextAuth.js, supporting Google and GitHub sign-ins.
  
• Backend & Database: Used Convex for real-time data handling and seamless client-server communication.
  
• Deployment: The application is hosted on Vercel, ensuring fast and reliable performance.

Challenges we ran into

• Ensuring truly anonymous submissions without compromising data authenticity or traceability.
• Dealing with OAuth integration issues like redirect URI mismatches during deployment.
• Resolving hydration errors due to mismatches between server-rendered and client-rendered content.
• Managing environment-specific configurations for Convex in both development and production.

Accomplishments that we're proud of

• Created a fully functional and polished platform within a short timeframe.
• Successfully enabled anonymous submissions without compromising data integrity.
• Integrated multiple login methods using secure OAuth providers.
• Aligned the solution with a real-world social impact—contributing to Gender Equality (UN SDG Goal 5).

What we learned

• Working with NextAuth.js and understanding how OAuth providers work.
• Structuring a full-stack app using Convex and deploying it with proper environment management.
• Designing for anonymity while maintaining system reliability.
• How to build an application aligned with a meaningful social cause.

What's next for Speak Up

• Adding admin dashboards for verified organizations to view trends and take action.
• Introducing AI-powered report categorization for better insight.
• Implementing report moderation tools and community guidelines.
• Expanding the platform's scope to support multiple languages.

Built With

• convex
• next-auth
• next.js
• shadcn
• tailwindcss