DEV Community

Adaikkappan
Adaikkappan

Posted on

DoubtDrop – A Lightweight Q&A Platform for Student Communities

DEV Weekend Challenge: Community

This is a submission for the DEV Weekend Challenge: Community

The Community

DoubtDrop is built for my academic community — college students who often struggle to quickly clear doubts, share notes, and access study materials in one centralized place.
In many classrooms, students rely on scattered WhatsApp messages, personal chats, or separate platforms to ask questions and share resources. This creates confusion and information loss.
DoubtDrop aims to simplify this by providing a lightweight, focused platform where students can:

  • Post academic doubts
  • Answer peers’ questions
  • Upvote helpful replies
  • Share study resources including PDFs, images, and videos The goal is to encourage collaborative learning within small academic communities.

What I Built

DoubtDrop is a minimal Q&A and resource-sharing web app designed specifically for student communities.
Core Features:
• Post questions
• Answer questions
• Upvote helpful answers
• Add study resources
• Upload PDFs, images, and videos
• Persistent storage using localStorage
The application is designed as an MVP prototype. It focuses on usability, clarity, and student-friendly interaction.
The interface is clean, responsive, and built for quick academic collaboration.

Demo

Live App:
https://doubtdropit.vercel.app

Code

GitHub Repository:

Doubtdrop

Doubtdrop is a React-based web application designed to help users manage and resolve doubts or questions. It allows users to post questions, attach resources (files or links), and track them in a clean, modern interface. The application uses local storage for data persistence, making it a lightweight, serverless solution for personal or small-group use.

Features

  • Question Management: Create, view, and organize questions effectively.
  • Resource Linking: Attach helpful resources to your questions, including
    • File Uploads: Store file metadata and content (subject to browser storage limits).
    • External Links: Save URLs to relevant websites or documentation.
  • Data Persistence: Automatically saves all data to the browser's localStorage (key: doubtdrop-data-v1), ensuring your data remains available across page reloads.
  • Responsive UI: Built with a modern, responsive design using CSS variables for consistent theming.
  • Sorting: Automatically sorts questions to show the latest entries first.

Tech Stack

  • Frontend Framework

How I Built It

DoubtDrop was built using:

  • React (component-based architecture)
  • React Hooks (useState, useEffect)
  • localStorage for persistent client-side data storage
  • FileReader API to handle PDF, image, and video uploads
    All data is stored locally in the browser to demonstrate functionality without requiring backend infrastructure.
    For future improvements, this project can be extended with:

  • Cloud database integration (MongoDB / Firebase)

  • User authentication

  • Real-time collaboration

  • Cloud file storage

  • Role-based moderation

Closing thoughts

This project was built as a rapid MVP for the DEV Community Challenge to demonstrate how small, focused tools can improve collaborative learning within academic groups.
DoubtDrop shows how even a lightweight solution can create meaningful impact in student communities.
Thank you for the opportunity to participate in this challenge.

Top comments (0)