https://github.com/thasup/travel-planner-app

Travel planner app that obtains a desired trip location & date from the user and displays weather forecast, country information, and an image of the location using information obtained from external APIs.
https://github.com/thasup/travel-planner-app

api dom express javascript nodejs scss service-worker webpack

Last synced: 5 days ago
JSON representation

Travel planner app that obtains a desired trip location & date from the user and displays weather forecast, country information, and an image of the location using information obtained from external APIs.

• Host: GitHub
• URL: https://github.com/thasup/travel-planner-app
• Owner: thasup
• Created: 2021-11-26T16:13:41.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-06-14T17:00:47.000Z (over 1 year ago)
• Last Synced: 2024-12-04T14:12:05.225Z (2 months ago)
• Topics: api, dom, express, javascript, nodejs, scss, service-worker, webpack
• Language: JavaScript
• Homepage: https://thasup-travel-planner.onrender.com
• Size: 5.85 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

![Project Preview](docs/435423.gif)

# Travel-Planer-App

This project is a travel app that obtains a desired trip location & date from the user and displays weather forecast, country information, and an image of the location using information obtained from external APIs.

*this project is part of Udacity front end web developer nanodegree program.*

[Travel Planer App](https://thasup-travel-planner.onrender.com/)

# Table of contents

- [Travel-Planer-App](#travel-planer-app)

- [Table of contents](#table-of-contents)

- [Languages](#languages)

- [Install](#install)

- [How to get your API key](#how-to-get-your-api-key)

- [Dependencies](#dependencies)

- [Technology](#technology)

# Languages

[(Back to top)](#table-of-contents)

- HTML

- SCSS

- JavaScript

# Install

[(Back to top)](#table-of-contents)

1. clone this git on computer

2. install [node.js](https://nodejs.org/en/)

3. run command `npm install` on terminal

4. acquire your API key and replace it in *.env*

5. run command `npm run build` on terminal

6. run command `npm run start` on terminal

7. go to `http://localhost:8888/`

8. happy!

# How to get your API key

[(Back to top)](#table-of-contents)

[GeoName API](http://www.geonames.org/export/web-services.html)

[WeatherBit API](https://www.weatherbit.io/account/create)

[PixaBay API](https://pixabay.com/api/docs/)

# Dependencies

[(Back to top)](#table-of-contents)

- `body-parser` version 1.19.0

- `cors` version 2.8.5

- `dotenv` version 10.0.0

- `express` version 4.17.1

- `node-fetch` version 3.1.0

- `webpack` version 5.63.0

- `webpack-cli` version 4.9.1

- `jest` version 27.4.3

- `node-fetch` version 3.1.0

# Technology

[(Back to top)](#table-of-contents)

- html

- scss

- javascript

- DOM

- node.js

- express.js

- API

- webpack

- service worker

- Render