DEV Community

Said MOUNAIM
Said MOUNAIM

Posted on

Real estate app built with Next.js 16, shadcn/ui, and Prisma. Browse, list, and manage properties

PropPulse

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.

Top comments (0)