ProblemHunt 🎯

Product Hunt, but for Problems.

ProblemHunt is a community-driven platform where people share, discuss, and upvote the problems they face in their daily lives or work. It's designed to be the ultimate source of inspiration for makers, developers, and entrepreneurs looking for meaningful "side projects" or startup ideas.

Why?

Most ideas fail because they don't solve a real problem. By flipping the script—starting with the problem instead of the solution—we help builders focus on what actually matters.

Inspired by this tweet on X.

Features

• 🕵️‍♀️ Browse Problems: Discover a curated feed of real-world problems.
• 🗳 Upvote & Rank: Community-driven ranking to highlight the most pressing issues.
• 💬 Discuss: Comment sections to validate problems and brainstorm solutions.
• 🔐 Magic Link Auth: Seamless login experience powered by Supabase.
• ✨ Premium UI: Beautiful, dark-themed interface with glassmorphism effects.

Tech Stack

• Frontend: React + Vite + TypeScript
• Styling: Vanilla CSS (Variables, Flexbox/Grid, Responsive)
• Backend/DB: Supabase (PostgreSQL, Auth, Real-time)
• Deployment: Vercel
• Analytics: Vercel Analytics

Screenshots

Getting Started

Prerequisites

• Node.js (v16+)
• A Supabase account

Installation

1. Clone the repository

   git clone https://github.com/harishkotra/problemhunt.git
   cd problemhunt

2. Install dependencies

   npm install

3. Configure Environment Variables Create a .env file in the root directory:

   VITE_SUPABASE_URL=your_supabase_project_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

4. Run Locally

   npm run dev

Contributing

We love contributions! Here's how you can help:

1. Fork the repo.
2. Create your feature branch (git checkout -b feature/amazing-feature).
3. Commit your changes (git commit -m 'Add some amazing feature').
4. Push to the branch (git push origin feature/amazing-feature).
5. Open a Pull Request.