Travel Map is a Single Page Application built with React.js
Run in your terminal:
git clone [email protected]:VolodymyrPliuta/react-travel-map.git
then
cd react-travel-map
npm install
npm start
I wrote back-end code as well to keep green markers - places
I am going to on the map. To use that code you should switch to
express branch
git checkout express
Clone express.js server
[email protected]:VolodymyrPliuta/travel-server.git
To run the server, run next command in your terminal
npm install
npm start
You will need to install MySQL database management system on your computer
sudo apt-get update
sudo apt-get install mysql-server
mysql_secure_installation
After MySQL is installed you should open it's CLI with
sudo -i mysql
Run next in MySQL CLI to create database and table with columns
CREATE DATABASE travel;
CREATE TABLE newLocation (
id int,
Name varchar
Lat float(10, 6),
Lng float(10, 6)
);
Red markers on the map are places I have been to
To add places where I am going to I have to type
in the search box, a name of the place I am going to
To learn more about place click on the marker and
click on Learn more button. You will get a new page
with first 10 from Unsplash.com which match the search
word as well as first 10 articles from New York Times
If a journey route is going to be changed, to delete
green marker just double click on it
Always open to your feedback.