https://github.com/costingh/travel-map

This app allows users to register/login and give review of visited places by pining their location on the world map.
https://github.com/costingh/travel-map

express mapbox-gl-js mern mongodb node react

Last synced: 10 days ago
JSON representation

This app allows users to register/login and give review of visited places by pining their location on the world map.

• Host: GitHub
• URL: https://github.com/costingh/travel-map
• Owner: costingh
• Created: 2021-07-13T17:24:26.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-15T16:34:37.000Z (over 3 years ago)
• Last Synced: 2023-09-27T07:59:21.032Z (about 1 year ago)
• Topics: express, mapbox-gl-js, mern, mongodb, node, react
• Language: JavaScript
• Homepage:
• Size: 3.97 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Travel-Map

This is an app that makes use of mapbox api to render the world map. On this map users can pin locations that they have visited, rate them, add description and others.

Users can login, register and search for a location on the map.

![Demo Image](https://github.com/costingh/Travel-Map/blob/master/demo.png?raw=true)

### Description

Tech stack: 

* Node.js

* MongoDB

* Express.js

* React

## Available Scripts

First of all, you should create a free account on mapbox website. You need an api key. Once you're done, navigate to fronted directoru=y and create a .env file.

Add to it the following line:

```bash

REACT_APP_MAPBOX = 

```

Then, you will also need a database to connect the server to. For this one, you can create an account on mongoDB. From there create a cluster. You will need some credentials to create a database, so keep them in mind. 

Navigate to backend directory and create a .env file and add in it the following line of code, where ,  and  must be replaced with your credentials:

```bash

MONGO_URL = mongodb+srv://:@cluster0.kjcdw.mongodb.net/?retryWrites=true&w=majority

```

To run this project locally, you need to navigate in the project directory, where start.sh file is and open two terminals. 

In one terminal the frontend server must be runned, and in the other, the backend server.

```bash

// Terminal 1

cd frontend

yarn start

```

```bash

// Terminal 2

cd backend

yarn start

```