This is a simple information web app for tourists. This page aims to provide travel information of Japan for foreign tourists visiting Japan for the first time. The traveller has the possibility of going to the following cities; Tokyo, Yokohama, Kyoto, Osaka, Sapporo and Nagoya.
- Use OpenWeatherMap's Daily API for to get weather forecast.
- Use FourSquare Search Venue API for to get Place information.
- Responsive Design
I chose a very simple design because it is easier to make everything compatible to all screens on most devices. Simple design also means that it looks clean and elegant. Also, older people won't have trouble navigating through the App since the design is so simple.
- PHP 7.4.3
- Node 12.22.10
- VueJS 2
- Laravel 8
- Vuetify
- FourSquare Places API (Need to signup and get API key)
- OpenWeatherMap API (Need to signup and get API key)
Copy the .env.example
file contents into .env
.
Inside the .env file, there should be keys that are named FOURSQUARE_API_KEY
and OPEN_WEATHER_MAP_API_KEY
.
Put your API keys there.
- Clone this repository
cd travel-app
composer install
npm install
npm run prod
php artisan serve
- Done.
- Temperature
- Current Weather
- View on Map
- Place image (from FourSquare)
- View Place Reviews