Travel planner

MERN stack app
View Demo

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. API required
4. Usage
5. License
6. Contact

About The Project

This is a travel planner MERN stack app.

You will find:

• Attractions, hotels and restaurants from anywhere in the world. Map and Place list. 🌎
• Save the places you love in a trip list. (MongoDB = Reduce API calls) 🗺️
• Around me section. (This will get the user's IP, find the lat&lng with it and show the map and places around)
• 7-day weather forecast for any city. ☔
• User Profile (Profile image, name, change password)
• Google Maps and Google Autocomplete.

back to top ^

Built With

• React.js
• Material-UI
• Node.js
• Express.js
• MongoDB

back to top ^

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Verify if you already have Node.js and npm installed:

node -v
npm -v

To download the latest version of npm, on the command line, run the following command:

npm install -g npm

Installation

Follow this simple steps:

1. Clone the repo

   git clone https://github.com/davidcastillog/travelfy-server.git

2. Install NPM packages

   npm install

3. Enter all your API keys in .env file

   REACT_APP_NAME_API = 'ENTER YOUR API';

Note:

• This is the Back-end (server) repository.
• You must clone the Front-end (client) repository.

back to top ^

API

Client:

• Google Maps
• Open Weather
• Rapid API Travel
• FreeGeoIp

Server:

• Cloudinary

back to top ^

Scripts

In the project directory:

 npm run dev

Runs the app in the development mode.
Open http://localhost:5005

You may also see any lint errors in the console.

back to top ^

Usage

Place list

Includes Google Autocomplete & place filters

My Trips

Save places for each trip

(Map with trip markers)

Weather

7-day forecast for any city in the world

back to top ^

License

Distributed under the MIT License. See LICENSE.txt for more information.

back to top ^

Contact

Linkedin: https://linkedin.com/in/davidcastillog

David Castillo - @davidcastillog

back to top ^