Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/prakharagarwal135/campquest
A full-stack web application where users can explore, create, and review campgrounds. Built with Node.js, Express.js, and MongoDB, featuring secure user authentication, interactive map integration, and image uploads. Deployed on Render.
https://github.com/prakharagarwal135/campquest
authentication authorization bootstrap campgrounds cloudinary expressjs helmetjs maptiler mongodb nodejs render rest-api restful-api reviews sessions
Last synced: 1 day ago
JSON representation
A full-stack web application where users can explore, create, and review campgrounds. Built with Node.js, Express.js, and MongoDB, featuring secure user authentication, interactive map integration, and image uploads. Deployed on Render.
- Host: GitHub
- URL: https://github.com/prakharagarwal135/campquest
- Owner: PrakharAgarwal135
- Created: 2024-10-20T15:57:45.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-13T06:26:30.000Z (9 days ago)
- Last Synced: 2024-12-13T07:25:45.099Z (9 days ago)
- Topics: authentication, authorization, bootstrap, campgrounds, cloudinary, expressjs, helmetjs, maptiler, mongodb, nodejs, render, rest-api, restful-api, reviews, sessions
- Language: JavaScript
- Homepage: https://campquest-c1yx.onrender.com/
- Size: 11.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
CampQuest (Major Project)
A FullStack web application where users can EXPLORE, CREATE, and REVIEW campgrounds.
---
Deployment:
- 🚀 **Live Demo**: Check out the live version of CampQuest here
---
CampQuest Features:
- 🔑 **User Authentication and Authorisation**: Sign up and log in to manage your campgrounds and reviews.
- 🏕 **Campground Management**: Create, edit, and delete campgrounds.
- 🌟 **Ratings and Reviews**: Share your thoughts and rate campgrounds.
- 🗺️ **Map Integration**: See campground locations on an interactive map (Maptiler).
- 📷 **Image Upload**: Upload photos of campgrounds (Cloudinary).
---
Technologies Used:
### Frontend:
- **HTML5**: Structured the content web page.
- **CSS3**: Styling for layout and design of web page.
- **Bootstrap**: Front-end framework for responsive web development.
- **JavaScript**: For client-side interactivity and dynamic content manipulation.
- **EJS**: Embedded JavaScript
- **Maptiler**: Interactive maps for displaying campground locations.
### Backend:
- **Node.js**: JavaScript runtime for back-end development.
- **Express.js**: Web application framework for building RESTful APIs.
- **Mongoose**: Creates a connection between MongoDB and the Node.js (ODM).
- **Passport.js**: Middleware for user authentication and session management.
- **Helmet.js**: Helps secure the app by setting various HTTP headers.
- **Express Sessions**: Manages user sessions for persistent login functionality.
### Database:
- **MongoDB**: NoSQL database for storing campground and user data.
- **MongoDB Atlas**: Cloud-hosted version of MongoDB for managing the database.
### Others:
- **Cloudinary**: Cloud-based image hosting and management for campground images.
- **Render**: Cloud platform for deploying the application.
---
Screenshots:
>HomePage
>Register page
>Showing All Campgrounds
>Showing Single Campground
>New Campground
---
How to run:
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (with npm)
- [MongoDB](https://www.mongodb.com/) (Make sure MongoDB is running if you’re using a local instance)
### Steps
1. **Clone the repository:**
```bash
git clone https://github.com/PrakharAgarwal135/CampQuest.git
cd CampQuest
2. **Install dependencies:**
```bash
npm install
3. **Set up environment variables:**
- Create a `.env` file in the project's root directory.
- Add the following variables, replacing the values with your own:
```bash
CLOUDINARY_CLOUD_NAME=
CLOUDINARY_KEY=
CLOUDINARY_SECRET=
MAPTILER_API_KEY=
DB_URL=
SECRET=
4. **Run the application:**
```bash
node app.js
5. **The application should now be running on `http://localhost:3000`**
### Additional Notes
- Ensure MongoDB is running locally, or use a cloud database provider like MongoDB Atlas.