Real estate web app built with Next.js, Prisma, BetterAuth, and ShadCN/UI


PropPulse is a modern and minimal real estate web application** built with Next.js 16, Prisma,BetterAuth, and ShadCN/UI.

Users can browse properties, add listings, and manage their real estate posts through a clean and fast interface.




GitHub repo

🔗 (https://github.com/saidMounaim/prop-pulse)




Live Demo

🔗 (https://proppulse-next.netlify.app/)




✨ Features

  • 🔐 Authentication with BetterAuth
  • 🏡 Browse all properties with search & filters
  • 📝 Add new property listings with images, price, location, and details
  • 📸 Upload property images using ImageKit
  • 🗂️ Manage your own listings (edit/delete)
  • 💅 Beautiful UI using ShadCN/UI + Tailwind CSS
  • 📱 Fully responsive on all screen sizes



📦 Tech Stack

  • Next.js 16
  • Tailwind CSS
  • ShadCN/UI
  • TypeScript
  • Prisma ORM
  • BetterAuth
  • ImageKit (image uploads)



🛠 Getting Started

Follow these steps to run the project locally:



1. Clone the repository

git clone https://github.com/saidMounaim/prop-pulse.git
cd prop-pulse
Enter fullscreen mode

Exit fullscreen mode



2. Install dependencies

npm install
Enter fullscreen mode

Exit fullscreen mode



3. Configure environment variables

Create a .env file in the root:

# Database
DATABASE_URL="postgresql://..."

# BetterAuth
BETTER_AUTH_BASE_URL="https://proppulse-next.netlify.app"
BETTER_AUTH_SECRET="your_betterauth_secret"

# ImageKit
IMAGEKIT_PUBLIC_KEY="your_public_key"
IMAGEKIT_PRIVATE_KEY="your_private_key"
IMAGEKIT_URL_ENDPOINT="https://ik.imagekit.io/your_id"
Enter fullscreen mode

Exit fullscreen mode



4. Start the dev server

npm run dev
Enter fullscreen mode

Exit fullscreen mode




💼 Contribution

All contributions are welcome!

Fork the repo, create a new branch, and submit a pull request.



Source link

Leave a Reply

Your email address will not be published. Required fields are marked *