A full-stack product sharing platform where users can list products, discover others' listings, and engage through comments.

Frontend

• React + Vite
• React Router
• TanStack Query (React Query)
• Clerk (Authentication)
• DaisyUI + Tailwind CSS

Backend

• Node.js + Express
• TypeScript
• Clerk (Auth middleware)
• Drizzle ORM
• PostgreSQL

• 🔐 Authentication via Clerk (sign in / sign up modal)
• 📦 Create, edit, and delete your own products
• 🖼️ Image URL preview when creating a product
• 💬 Comment on any product
• 🗑️ Delete your own comments
• 👤 Profile page to manage your listings
• 🔄 Real-time UI updates with React Query cache invalidation

ShopSavvy/
├── frontend/        # React + Vite app
└── backend/         # Express + TypeScript API

• Node.js 18+
• PostgreSQL database
• Clerk account

cd backend
npm install

Create a .env file:

DATABASE_URL=your_postgresql_url
CLERK_SECRET_KEY=your_clerk_secret_key
FRONTEND_URL=http://localhost:5173
PORT=3000

npm run dev

cd frontend
npm install

Create a .env file:

VITE_API_URL=http://localhost:3000/api
VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key

npm run dev

MIT