🌍 WanderLust

A full-stack travel accommodation and property listing platform inspired by Airbnb, built using the MERN ecosystem and deployed on Render.

🚀 Live Demo

🔗 Live Website: https://wanderlust-f7qe.onrender.com/listings

📂 GitHub Repository

🔗 Repository: https://github.com/Utkarsh-Raj-Profile/Wanderlust

---

✨ Features

• 🏡 Create, edit, and delete property listings
• 📸 Cloudinary image upload integration
• 🔐 User authentication & authorization
• 🧾 Secure session management
• ⭐ Review and rating system
• 🗺️ Interactive maps with Mapbox
• 📱 Responsive UI for all devices
• 🔍 Search functionality
• ⚡ RESTful routing architecture
• ☁️ Fully deployed on Render

---

🛠️ Tech Stack

Frontend

• HTML5
• CSS3
• Bootstrap
• EJS Templates
• JavaScript

Backend

• Node.js
• Express.js

Database

• MongoDB Atlas
• Mongoose

Authentication & Security

• Passport.js
• Express Session
• Connect Flash
• Cookie Parser

Cloud & Deployment

• Cloudinary
• Render
• GitHub

Maps & Location

• Mapbox API

---

📸 Project Preview

Listings Page

---

⚙️ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/Utkarsh-Raj-Profile/Wanderlust.git

2️⃣ Move into the Project Directory

cd Wanderlust

3️⃣ Install Dependencies

npm install

4️⃣ Create a .env File

Add the following environment variables:

ATLASDB_URL=your_mongodb_connection_string
SECRET=your_secret_key
CLOUD_NAME=your_cloudinary_name
CLOUD_API_KEY=your_cloudinary_api_key
CLOUD_API_SECRET=your_cloudinary_api_secret
MAP_TOKEN=your_mapbox_token

5️⃣ Run the Project

npm start

Server will start at:

http://localhost:8080/listings

---

📁 Project Structure

Wanderlust/
│
├── controllers/
├── models/
├── routes/
├── views/
├── public/
├── utils/
├── middleware.js
├── app.js
├── cloudConfig.js
├── schema.js
├── package.json
└── README.md

---

🔐 Authentication Features

• User Signup
• User Login
• Secure Password Hashing
• Session Authentication
• Authorization Middleware
• Protected Routes

---

☁️ Cloudinary Integration

Users can upload listing images directly to Cloudinary for optimized cloud storage and delivery.

---

🗺️ Mapbox Integration

Integrated Mapbox API for interactive location-based experiences and map visualization.

---

📈 Future Improvements

• ❤️ Wishlist functionality
• 💳 Payment gateway integration
• 📅 Booking system
• 🔔 Real-time notifications
• 🌐 Multi-language support
• 🤖 AI-powered recommendations

---

🧠 What I Learned

Through building this project, I gained hands-on experience with:

• Full-stack web development
• RESTful APIs
• Authentication systems
• MongoDB database design
• Cloud deployment workflows
• MVC architecture
• File upload handling
• Environment variable management
• Production deployment using Render

---

🤝 Contributing

Contributions, issues, and feature requests are welcome.

Feel free to fork this repository and submit pull requests.

---

📜 License

This project is licensed under the ISC License.

---

👨‍💻 Developer

Utkarsh Raj

• GitHub: https://github.com/Utkarsh-Raj-Profile
• LinkedIn: Add your LinkedIn profile here

---

⭐ Support

If you found this project helpful, consider giving it a ⭐ on GitHub.