https://github.com/gagandash002/wandervista-destination-sharing-app

WanderVista is a MERN stack web app that lets users share travel destinations. Discover new places through shared posts and interact with an embedded map . Using ReactJS for the user interface, Node.js and Express.js for the server-side logic, and MongoDB for data management, it creates a platform for sharing and exploring travel experiences.
https://github.com/gagandash002/wandervista-destination-sharing-app

expressjs jwt-auth mongodb node-js react rest-api

Last synced: 3 months ago
JSON representation

WanderVista is a MERN stack web app that lets users share travel destinations. Discover new places through shared posts and interact with an embedded map . Using ReactJS for the user interface, Node.js and Express.js for the server-side logic, and MongoDB for data management, it creates a platform for sharing and exploring travel experiences.

• Host: GitHub
• URL: https://github.com/gagandash002/wandervista-destination-sharing-app
• Owner: GAGANDASH002
• Created: 2024-08-14T13:29:32.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-05T17:06:59.000Z (almost 2 years ago)
• Last Synced: 2025-08-13T14:44:47.403Z (11 months ago)
• Topics: expressjs, jwt-auth, mongodb, node-js, react, rest-api
• Language: JavaScript
• Homepage: https://wandervista-f5ccb.web.app/
• Size: 16.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# WanderVista - Destination Sharing App

WanderVista is a full-stack MERN (MongoDB, Express, React, Node.js) application that allows users to share their favorite destinations by uploading images, descriptions, and addresses. Users can create, edit, or delete their posts and view shared locations on an interactive map powered by the Google Maps API. 

## Features

- **User Authentication & Authorization**: Secure user registration and login using JWT tokens.

- **Destination Sharing**: Users can add new places with a name, description, image, and address.

- **Image Upload**: Supports image uploads for the destinations.

- **Interactive Map**: Displays locations on a map using the Google Maps API.

- **CRUD Operations**: Users can create, read, update, and delete their shared destinations.

- **Responsive Design**: The app is responsive and works seamlessly across different devices.

- **Deployment**: Frontend deployed on Firebase and backend hosted on Render.

## Technologies Used

- **Frontend**: React, React Router, Firebase Hosting

- **Backend**: Node.js, Express.js, MongoDB (Mongoose), JWT

- **APIs**: Google Maps API

- **Deployment**: Firebase (Frontend), Render (Backend)

- **Others**: Multer (for file uploads), Axios (for HTTP requests)

### Usage

- Register or Login to access the app.

- Add a New Place: Fill in the form with a title, description, image, and address. The app will use the Google Maps API to display the location.

- Edit or Delete your places using the options available on each post.

## Installation

To run WanderVista locally, follow these steps:

### Prerequisites

- Node.js and npm installed

- MongoDB running locally or a MongoDB Atlas cluster

### Clone the Repository

```bash

git clone https://github.com/yourusername/WanderVista-Destination-Sharing-App.git

cd WanderVista-Destination-Sharing-App

```

### Homepage

![Homepage Screenshot](frontend/assets/homepage.png "Homepage of WanderVista")

### Add New Place

![Add Place Screenshot](frontend/assets/addPlace.png "Add New Place Form")

### Map View

![Map View Screenshot](frontend/assets/MapView.png "Add New Place Form")

- You can visit the website through this link : https://wandervista-f5ccb.web.app/