An open API service indexing awesome lists of open source software.

https://github.com/vbudithi/property-lynk-nextjs

Property listing website built using Nextjs and MongoDB
https://github.com/vbudithi/property-lynk-nextjs

cloudinary-integration mongodb-database nextauth-google nextjs15 reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

Property listing website built using Nextjs and MongoDB

Awesome Lists containing this project

README

          

PropertyLynk

A full-stack rental property listing platform.







## πŸ› οΈ Tech Stack

### **Frontend**

- **Next.js** – App Router, SSR/SSG, server components
- **React** – UI component library
- **Tailwind CSS** – Utility-first styling
- **Framer Motion** – Smooth animations & transitions
- **React Icons** – Scalable icon library

### **Backend**

- **MongoDB** – NoSQL database for listing & user data
- **Next.js API Routes** – Server-side logic
- **Cloudinary** – Image upload & optimization
- **Mapbox** – Geocoding and interactive maps

---

## 🌍 Integrations

### πŸ—ΊοΈ **Mapbox**

Used for:

- Displaying maps on property pages
- Converting addresses into coordinates
- Interactive map markers for listings

### πŸ“Έ **Cloudinary**

Used for:

- Uploading property images
- Fast & optimized CDN delivery
- Image transformations

---
### screenshots
![Homepage1](/public/screenshots/homepage1.png)
![Homepage2](/public/screenshots/homepage2.png)
![Property Listings](/public/screenshots/propertylistings.png)
![Saved Properties](/public/screenshots/savedproperties.png)
![User Profile](/public/screenshots/userprofile.png)
![Add Property1](/public/screenshots/addproperty1.png)
![Add Property2](/public/screenshots/addproperty2.png)
![Next_auth](/public/screenshots/next_auth.png)
![propertypage1](/public/screenshots/propertypage1.png)
![propertypage2](/public/screenshots/propertypage2.png)
![propertyenquiry](/public/screenshots/propertyenquiry.png)
![search](/public/screenshots/search.png)
![MongoDB User Messages](/public/screenshots/mongo_messages.png)
![MongoDB Properties list](/public/screenshots/mongo_properties.png)
![MongoDB list of users](/public/screenshots/mongo_users.png)

---

## πŸ“¦ Local Setup:

```bash
npm install # Install dependencies
npm run dev # Start the development server
```