mayognaise / world-travel

Traveling spots in the world.

Home Page:http://world-travel.s3-website-us-west-1.amazonaws.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

world-travel

A rotating globe with pinpoints showing up around the world. Very thanksful to @jcipriano for a very useful post !!

Demo

Day mode and night mode are available.

Install

gulp

Gulp is a build system you can add any task.

npm i gulp -g

webpack

Webpack is a module bundler you can organize all static assets.

npm i webpack -g

devDependencies

npm i

If you get error when installing, please add sudo before npm

Development

This application has been used the following library for MVC:

Run server

Run gulp.

We haven't added livereload this time so please reload by yourself after any changes. Sorry for the inconvenience.

Deployment

Setup AWS Security Credentials

Run gulp aws-config , open json/awsConfig.json and change AWSAccessKeyId, AWSSecretKey and AWSBucketName.

Publish to S3

gulp build

And open the page of the bucket. Example: world-travel.s3-website-us-west-1.amazonaws.com

About

Traveling spots in the world.

http://world-travel.s3-website-us-west-1.amazonaws.com


Languages

Language:JavaScript 87.5%Language:CSS 7.1%Language:HTML 5.4%