Friday, December 5, 2014

Surfs Up! Build a Mobile Meteor App in 15 Minutes!

Growing up in NY and then transplanting to the Florida Gulf Coast I pretty much suck at surfing, though I do enjoy trying, especially during hurricane season.  In fact, I don't even have a board anymore but I do have plans to build a wooden longboard later this year (a future post maybe)!  The problem with living on the Florida Gulf Coast is that there are very few good surf days.  Sometimes it is just fun to go romp around with a boogie board, but the problem is it is usually flat around here.  You just never know when there are good surf conditions!

Tampa Bay Meteor Meetup's Thursday Dec 4th meeting had a speaker scheduled to talk about Meteor and Mobile Development.  Unfortunately, the speaker got sick and I was left without a speaker but with a talk scheduled about Meteor and Mobile Development.

So, in anticipation I took it upon myself to kill two birds with one stone.  I needed a presentation on Meteor Mobile Development for the Tampa Bay Meteor Meetup and in anticipation of completing my wooden longboard next year I needed a mobile app with marine weather and surf conditions.

So, I built Surfs Up, a Meteor mobile marine weather app and I made a presentation showing you how to build it yourself in 15 minutes or less or your app is free!

So, I was a little intimidated at first.

I had not yet built a mobile application with Meteor and I only had a few hours before the Tampa Bay Meteor Meetup.  Six hours to be precise.

So, I had to build an application and a follow along presentation for it.

How hard could that be?

Well, literally not hard at all.

In fact, it was a breeze and took less than a couple hours to build a fairly good Meteor mobile tutorial application.

Most of the time was spent building a logical step by step presentation!

The Surfs Up presentation provides a fairly self explanatory set of follow along steps showing you how to build the application.  In fact, only about 25 of the 37 slides are cut & paste code resulting in a functioning application.  Most of the code is very basic and should be very self explanatory.

If you want to take a gander at the source code then mosey on over to the Surfs Up github repo.  I left the weather api key in the source code because it isn't a paid API and I felt it would be easier for people to get going with the application rather than having to go register for an API key.  You should go register for your own API key when you have a chance.

Also, a little bit of a disclaimer.  I really couldn't find any good free surf conditions API's.  The good ones require a paid subscription and the ones that were freely available were very limited in geographical scope.  Meaning, they didn't cover the beaches near my hacienda.

So, instead I used a general marine weather API.  It works for anyone familiar with swells and wind patterns that has the ability to surmise whether there are decent breaking waves.  I think a good future enhancement would be to use NOAA APIs or feeds and develop something from that.

Another good improvement would be to add Meteor Accounts so that people can post surf condition updates and setup automated alerts/notifications from both the system and from other users like..."Yo, it's breaking 3 to 5 with a slight chop, sorta close, with a SE wind at 10 over at Honeymoon cuz of Hurricane Isabella! Not crowded!  Locals Only!"

Maybe add the ability to post photos and videos of current conditions!

Maybe tap into all the existing surf cams!

I only had a few hours, so maybe some rainy day I will get around to these or maybe you can submit a PR!

For now, I think Surfs Up will be more valuable for sailing because I will be able to determine what the general marine conditions are and if they are suitable.  By the way, suitable sailing weather means burying a rail or flying a hull!

Want to play around with the live application?

Ditch Work!  Go Surfing!  Surfs Up!


  1. This post is good enough to make somebody understand this amazing thing, and I’m sure everyone will appreciate this interesting things.
    iOS application development

  2. useful information on topics that plenty are interested on for this wonderful post.Admiring the time and effort you put into your b!.. UC News APK

  3. Mobile sets could now be connected to the internet and wireless e-mail. A new generation of Smart phones was born. The mobile phones are designed with latest technology which has turned as pocket PC. Source

  4. instagram web viewer Excellent work done by you once again here. This is just the reason why I’ve always liked your work. You have amazing writing skills and you display them in every article. Keep it going!

  5. instagram online web viewer Very nice job... Thanks for sharing this amazing and educative blog post!

  6. Instagram uploader A debt of gratitude is in order for sharing the information, keep doing awesome... I truly delighted in investigating your site. great asset...

  7. What a lovely blog site. I will undoubtedly be back again. Please keep writing! Instagram uploader

  8. I enjoy some of content in the post.. please keep it up.. i want same like this from you... instagram web viewer

  9. There are many things I can know only after reading your wonderful Information. instagram web viewer

  10. Great post! I am actually getting ready to across this information which i found very interesting to read.

  11. Nice blog and absolutely outstanding. You can do something much better but i still say this perfect.Keep trying for the best. ACMarket

  12. Absolutely fantastic posting! Lots of useful information and inspiration, both of which we all need!Relay appreciate your work. Action Link Wireless

  13. I really thank you for the valuable info on this great subject and look forward to more great posts. Thanks a lot for enjoying this beauty article with me. I am appreciating it very much! Looking forward to another great article. Good luck to the author! All the best! Cydia Impactor

  14. Thanks for the best blog. it was very useful for me.keep sharing such ideas in the future as well. psd to responsive wordpress

  15. Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts. iFile iOS 11

  16. You’ve got some interesting points in this article. I would have never considered any of these if I didn’t come across this. Thanks!. Download iOS 11.3