🚀 Zenvyra

🌐 Live Demo

🔗 https://zenvyra-app.onrender.com

📦 GitHub Repository

🔗 https://github.com/JEETJM/zenvyra

---

🌟 Project Overview

Zenvyra is a feature-rich full-stack rental listing platform inspired by Airbnb.

It allows users to:

• Discover rental properties 🌍
• Create & manage listings 🏠
• Upload images ☁️
• Leave reviews ⭐
• Explore locations via interactive maps 🗺️

⚡ Built with a scalable MVC architecture, ensuring clean code and maintainability.

---

🎯 Advanced Features (Detailed)

🏠 1. Listing Management System

• Create new listings with full details
• Update existing listings
• Delete listings securely
• Dynamic rendering of listings
• Server-side validation (Joi)

// Example: Create Listing
router.post("/", isLoggedIn, validateListing, async (req, res) => {
  const newListing = new Listing(req.body.listing);
  newListing.author = req.user._id;
  await newListing.save();
  res.redirect("/listings");
});

---

⭐ 2. Review System

• Add reviews to listings
• Delete reviews by owner
• Rating-based feedback system
• Relational linking (Listing ↔ Reviews)

// Example: Add Review
router.post("/", isLoggedIn, async (req, res) => {
  const listing = await Listing.findById(req.params.id);
  const review = new Review(req.body.review);
  review.author = req.user._id;

  listing.reviews.push(review);
  await review.save();
  await listing.save();
});

---

👤 3. Authentication & Authorization

• Secure login/signup system
• Passport.js Local Strategy
• Session-based authentication
• Protected routes (middleware)
• Role-based access (optional extension)

passport.use(new LocalStrategy(User.authenticate()));
passport.serializeUser(User.serializeUser());
passport.deserializeUser(User.deserializeUser());

---

🖼️ 4. Image Upload System (Cloudinary + Multer)

• Upload images from frontend
• Store in Cloudinary
• Save image URL + filename in DB
• Optimized image handling

const storage = new CloudinaryStorage({
  cloudinary: cloudinary,
  params: {
    folder: "Zenvyra/listings",
  },
});

---

🗺️ 5. Map Integration (Mapbox)

• Display location on map
• Marker popup with listing details
• Forward & reverse geocoding

mapboxgl.accessToken = MAP_TOKEN;
const map = new mapboxgl.Map({
  container: "map",
  style: "mapbox://styles/mapbox/streets-v11",
});

---

🔍 6. Search & Filtering System

• Search by:

  • Title
  • Location
  • Country

• Dynamic filtering logic

• Scalable for categories (future)

---

🎨 7. UI / UX (Premium Design)

• Fully responsive design 📱
• Dark / Light mode toggle 🌙
• Animated buttons & cards
• Smooth transitions
• Clean modern layout

---

⚡ 8. Backend Architecture

• MVC pattern
• Modular routing
• Custom middleware
• Centralized error handling
• Async wrapper (WrapAsync)

module.exports = (fn) => {
  return function (req, res, next) {
    fn(req, res, next).catch(next);
  };
};

---

🔐 9. Security Features

• Password hashing & salting
• Session management
• Secure cookies
• Input validation (Joi)
• Protection against invalid requests

---

🛠️ Tech Stack

💻 Frontend

• HTML5
• CSS3 (Animations)
• JavaScript
• Bootstrap
• EJS

⚙️ Backend

• Node.js
• Express.js

🗄️ Database

• MongoDB
• Mongoose

🔐 Authentication

• Passport.js
• express-session

☁️ Services

• Cloudinary
• Mapbox
• Render

---

📂 Project Structure (Detailed)

zenvyra/
│
├── controllers/
│   ├── listings.js
│   ├── reviews.js
│   └── users.js
│
├── models/
│   ├── listing.js
│   ├── review.js
│   └── user.js
│
├── Routes/
│   ├── listings.js
│   ├── reviews.js
│   └── users.js
│
├── views/
│   ├── listings/
│   │   ├── index.ejs
│   │   ├── show.ejs
│   │   ├── new.ejs
│   │   └── edit.ejs
│   │
│   ├── reviews/
│   ├── users/
│   ├── includes/
│   │   ├── navbar.ejs
│   │   └── footer.ejs
│   │
│   └── layouts/
│
├── public/
│   ├── css/
│   └── js/
│
├── uploads/
├── utils/
├── init/
│
├── app.js
├── middleware.js
├── cloudConfig.js
├── Schema.js
├── .env
└── package.json

---

⚙️ Installation Guide

git clone https://github.com/JEETJM/zenvyra.git
cd zenvyra
npm install

---

🔐 Environment Variables

MONGO_URL=your_mongodb_url
CLOUD_NAME=your_cloudinary_name
CLOUD_API_KEY=your_key
CLOUD_API_SECRET=your_secret
MAP_TOKEN=your_mapbox_token
SESSION_SECRET=your_secret

---

▶️ Run Project

npm run dev

or

node app.js

---

🚀 Future Enhancements

• ❤️ Wishlist system
• 🏨 Booking system
• 💳 Payment gateway
• 🧑‍💻 Admin dashboard
• 💬 Real-time chat
• 📊 Analytics dashboard

---

👨‍💻 Author

Jeet Mondal

• GitHub: https://github.com/JEETJM
• Email: jm382118@gmail.com
• Twitter: https://x.com/jm382118
• Telegram: https://t.me/jeetu900

---

💙 Support

⭐ Star this repo 🍴 Fork it 📢 Share it

---

🔥 Built with Passion by JEET MONDAL 🔥