Flex BNB

PropertyPulse is a full-stack property rental platform built on Next.js (App Router) with a React + TypeScript UI and a MongoDB persistence layer (MongoDB driver + Mongoose). The application supports end-to-end listing discovery and management, including browsing featured and paginated property results, advanced search (e.g., by location and property type), and detailed property pages featuring rich media galleries and geospatial visualization. Authentication and user identity are handled via NextAuth.js using Google OAuth, enabling session-based access to user-specific functionality such as profile management, bookmarking (favorites), and listing CRUD operations for property owners. The platform includes a direct messaging system between seekers and owners, plus social sharing integrations for distributing listings across common channels. On the media and mapping side, PropertyPulse integrates Cloudinary for multi-image uploads and optimized asset delivery, and Mapbox GL (via react-map-gl) for interactive maps and custom markers. It also uses geocoding (Google Geocoding API and/or react-geocode) to translate human-readable addresses into coordinates for map placement and location-based search experiences. The UI is styled with Tailwind CSS, includes toast-based feedback via React Toastify, and uses PhotoSwipe for an immersive, touch-friendly image gallery experience. The project follows a typical Next.js App Router layout with app/ routes (including app/api/* for serverless API endpoints like properties, bookmarks, messages, auth, and image upload helpers), shared React components in components/, and domain models in models/. The system is designed for responsive rendering and dynamic updates through Next.js’ server/client rendering model, providing a fast, modern UX while keeping data operations encapsulated behind API routes backed by MongoDB.