- Weather Forcast Application with Google Amp. Here, I will be building weather forcast application using forcast.io API and Google AMP for mobile page loading speed. The objective of this demo is to learn how to use weather forcast API and primarily focused on Google AMP.
- demo link here: Weather Forcast - click this link.
- created the rails application using the following command:
$ rails new . -T # T extension prevents to create test files.
- created controller using this command:
$ rails generate controller static_pages home show play
- Heroku setup
$ heroku login
$ git init
$ heroku git:remote -a yourapp
$ git add .
$ git commit -am "make it better"
$ git push heroku master
- Sources:
- https://coderwall.com/p/wpyasq/how-to-create-an-amp-page-for-your-dynamic-content-in-rails
- https://github.com/ProGM/rails-google-amp-example/blob/master/TUTORIAL.md
- https://github.com/ampproject/amphtml
- Configured forcast_io API to query the weather information according to the geo-location.
- Sources:
- Used animated.css to learn how to make the website more interactive and fun.
- Modified application.js to tweak customized class (animateCss) to add delay and duration.
- Created custom fadein animations.
Stephen Lee -the hacker that dreams big.
This project is free to all. Use this. Build things that matter.