Travel Planner App

A Node.js travel planner app that creates profiles for planned travel destinations from data drawn pulled from various APIs.

Features

• Captures user inputs for travel destinations and builds profiles comprising of the following:
  • Travel destination: City, Country
  • Featured image of the city. Where this is not available a featured image of the country is displayed
  • Typical weather for the planned departure date where this is available
  • Countdown to the departure date
• User can save or remove trips from the planner
• Displays icons for each weather description
• User can add, save and remove multiple trips
• Saved trips are sorted by departure date with soonest trips on the top

Development

• Development environment e.g. Visual Studio Code
• Express Node.js
• Webpack
• GeoNames API for longitude and latitude data
• Weatherbit API for weather data
• Pixabay API for featured image
• Github for version control
• Heroku cloud web hosting

Dependencies

• Node.js with npm
• express
• axios
• @fortawesome/fontawesome-free
• spin.js
• webpack
• webpack-cli

devDependencies

• @babel/core
• @babel/preset-env
• babel-loader
• clean-webpack-plugin
• css-loader
• dotenv-webpack
• html-webpack-plugin
• jest
• mini-css-extract-plugin
• optimize-css-assets-webpack-plugin
• sass
• sass-loader
• style-loader
• supertest
• terser-webpack-plugin
• uuid
• webpack-dev-server
• workbox-webpack-plugin

Installation

• Install Node.js using installer from https://nodejs.org

• Create and navigate to the project folder from the the command line

• Copy the project files from this repo into the root folder of your project

• Install remaining dependencies from the command line

• Create a .env file in the root folder of your project. Add your GeoNames, Weatherbit and Pixabay API keys to this file

Run the Project

Build your project from the commend line:

npm run build-prod

Start the server from the command line:

npm run start

View the app in your browser at:

http://localhost:5000

Deployment

The Travel Planner App is hosted for demonstration purposes at https://clear-pink-iguana.cyclic.app/

Release History

• 1.0.0
  • First release - 27 Apr 2021

About this Project

This project is a requirement on the Udacity Frontend Developer Nanodegree program

Developer

Gbenga Oso