Skip to content

Camply is a full-stack campground platform built using Node.js, Express, MongoDB, and Bootstrap.

Notifications You must be signed in to change notification settings

sharavak/camply

Repository files navigation

🏕️ Camply

Camply is a full-stack campground platform built using Node.js, Express, MongoDB, and Bootstrap. Users can discover, add, and manage campgrounds, upload multiple images with live preview and drag-and-drop functionality.

🌟 Features

  • 🔐 User Authentication (Login / Register)
  • 🏞️ Add, Edit & Delete Campgrounds
  • 📷 Upload up to 7 images per campground
  • 🖼️ Live Image Preview with Delete Option
  • 📥 Drag-and-Drop Image Upload Zone
  • 📍 Location, Description, and Pricing Support
  • 💬 Add Reviews
  • ✅ Client-side Form Validation
  • 🔍 Search Functionality in Navbar
  • 🌐 Mobile Responsive Design

📸 Demo

🔗 Live Site


🛠️ Tech Stack

Frontend

  • HTML5, CSS3, JavaScript
  • Bootstrap 5

Backend

  • Node.js
  • Express.js
  • EJS (Embedded JavaScript Templates)

Database

  • MongoDB

Other Libraries

  • Multer (File Uploads)
  • Express Validator (Validation)
  • Cloudinary (Optional for image storage)

📦 Installation

Clone the repository and install dependencies:

git clone https://github.com/sharavak/camply
cd camply
npm install

🔧 Configuration

DB_URL=mongodb://localhost:27017/camply
SECRET=yourSecretKey
CLOUDINARY_CLOUD_NAME=yourCloudName
CLOUDINARY_API_KEY=yourApiKey
CLOUDINARY_API_SECRET=yourApiSecret

Running the App

npm start

🤝 Credits

Colt Steele - For his Web Developer Bootcamp course

About

Camply is a full-stack campground platform built using Node.js, Express, MongoDB, and Bootstrap.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published