CampExplorer - Explore Campgrounds Around the World

CampExplorer is a website built for people who love to travel and explore campgrounds in various locations.
The website provides a platform for travelers to share information about campgrounds they have visited, including photos, locations, descriptions and more.
Users can browse the listed campgrounds, rate them, and leave reviews based on their experiences.

Technology Stack

The CampExplorer website is built using the following technology stack

• JavaScript
• EJS
• HTML
• CSS
• Node.js
• MongoDB
• Cloudinary

Getting Started

To build and run this project, you need to have the following tools installed

Prerequisites

• Node.js
• MongoDB
• Cloudinary

Installation

1. Clone or download the repository to your local machine

   git clone https://github.com/Nitzantomer1998/CampExplorer.git

2. Change into the project directory

   cd CampExplorer

3. Installing all the dependencies

   npm install

4. Build and run the program

   npm run start

5. Open your browser on the url and enjoy!

   https//:localhost:3000

Features

• User Authentication and Authorization
• Interactive user Reviews and Ratings
• Detailed Campground Information
• Campground Management
• Detailed Map with All Campgrounds
• User-Friendly Campground Search
• Image Management with Cloudinary
• Security and Data Sanitization
• Error Handling and Flash Messages
• Responsive Design

Limitations

• Limited storage capacitiy
• Luck of UX/UI designer
• Slow reaction (Hosted on free website)

Future improvements

• UI/UX Implementation using a professional Designer
• Enhanced user profile pages and social features
• Advanced search and filtering options for campgrounds
• Host on fast server, to provide better QoS

Support

For any questions or issues, please open an issue on the GitHub repository or contact the me directly.

Contributing

I welcome contributions from the community. If you are interested in contributing to this project, please follow these guidelines

• Fork the repository and create a new branch for your changes.
• Make your changes and ensure that the code is well-documented and properly tested.
• Open a pull request and provide a clear and detailed explanation of your changes and the reasoning behind them.
• Be prepared to answer questions and address any issues or feedback on your pull request.

CampExplorer Preview

Home Page

Serve as the landing page,
Present you the diverse avenues available for exploration on the platform.

Campgrounds Page

Serve as the main page,
Present you all the campgrounds.
First part of the page unveils a map showcasing the precise locations of all registered campgrounds, providing a visual overview of your potential destinations.
While the second part is an orderly blog list, offering detailed insights into each registered campground.

View Campground on a Map

Navigate through the platform interactive map adorned with distinctive blue dots, each representing a unique campground location.
Engage effortlessly by selecting a dot to reveal a concise, mini-version display showcasing key details about the corresponding campground.

View Campgrounds as a Card

Scroll down through the platform interactive blog list, where every card represents a distinctive campground.
Each card unfolds an enticing visual with an image capturing the essence, a captivating title, and the location.

Campground Page

Represented with a specific campground with all its details Name, Location, Price, Description and more.
The central map visually pinpoints the campground, surrounded by a review list for added insights.

Add Campground Page

Page allowing the user to add a campground.

Edit Campground Page

Page allowing the creator of the campground to edit it with the updated details.

Login Page

Page allowing the user to connect into his account.

Registration Page

Page allowing the user to register.