QuickForum

QuickForum — Realtime Q&A Platform Powered by Supabase

🚀 Inspiration

As a UI Ux Designer and self-learner, I often found myself switching between platforms like Reddit, StackOverflow, and Discord to ask questions or get answers. But most of them felt too bloated or slow, especially for simple use cases like community-based help or quick replies.

I wanted to create a lightweight Q&A board — fast, clean, and focused.
QuickForum is my attempt at building that, using the magic of Supabase Realtime, Auth, and PostgreSQL, all stitched together with React and TailwindCSS.

🛠️ How I Built It

• Frontend: Built using React and TailwindCSS, styled with a clean card-based layout.
• Backend: Fully powered by Supabase:
  • 📦 Database: posts, replies, votes, user_reputation, and badges tables.
  • 🔐 Auth: Email/password login, signup, and secure reset password flow via email link.
  • ⚡ Realtime: Replies and upvotes are reflected instantly using Supabase's built-in Realtime engine.
  • 🔁 Row Level Security: Every user can only update their own posts and replies.
• Deployment: Built and deployed via Bolt.new → Netlify, with _redirects handling React Router.

🔍 Features

• Supabase Auth (Login, Signup, Forgot/Reset Password)
• Post Questions + Reply in real-time
• Upvote/Downvote replies
• Realtime reply updates
• User Reputation System with Leaderboard
• Password reset via email with /reset-password page
• Markdown editor with syntax highlighting

📚 What I Learned

• How to structure a full-stack project with Supabase
• Handling Realtime subscriptions in React
• Managing secure email-based password reset flow
• Creating role-based permissions using Supabase policies
• Importance of _redirects file for Netlify routing with React Router
• Designing for simplicity and scalability

🧱 Challenges I Faced

• Setting up Supabase Realtime correctly for nested comments
• Debugging password reset flow and expired token handling
• Handling 404 routing issues on Netlify (solved with _redirects)
• Designing the reputation system using SQL Views
• Keeping the UI intuitive and responsive across devices

✅ Final Thoughts

QuickForum is a simple but powerful proof-of-concept that combines community, gamification, and real-time interactions using open tools. I learned a ton about Supabase, and I’m excited to expand this project with features like tag filtering, AI-suggested duplicates, and moderator roles in the future.

🖥️View In Desktop View

Thanks to Bolt.new and the hackathon organizers for the awesome platform to build and ship this! 🚀

Built With

• bolt.new
• github
• netlify
• react
• router
• supabase
• tailwindcss
• vite