Behind the app: Chrome Weather Extension

Published on by

Tim Leland has created a new Chrome Extension for getting not only the current weather, but today’s outlook, and a 5-day forecast. The extension automatically calculates your location and viewing the current temperature is as simple glancing at the menu bar. The temperature is always visible and when you click the button it loads the modal window as shown above. It’s simple and intuitive.

The Extension itself uses a Laravel backend and I wanted to find out more how it works. Below is a question and answer session with Tim about the app and how it utilizes Laravel.

What made you decide to create a weather extension for Chrome?

Weather extension was created from my own frustration. I was tired of going to sites like weather.com and having to search through the ads etc. I wanted a quick way to know the current, hourly and 5-day forecast of the weather. I’m also a big fan of DarkSky, one of the top weather apps for iOS and wanted to use their amazing api.

Is this your first Chrome extension?

My first chrome extension was Read Later which was a simple way to save links for reading later, similar to apps like Pocket. It was never very popular, but it solved my issue of emailing myself links.

Can you tell us how it works?

Weather uses the Forecast.io API for its weather data. Their documentation is straightforward and they have very accurate weather data. V1 of my extension was pretty basic. It consisted of html, css and javascript. Once the extension started gaining traction, I decided to rewrite the extension in Laravel so I could do things like caching, user settings, quick updates, and billing for pro features. My goal was to keep the extension code barebone and have all the logic on the server. Building it this way allows me to easily port my extension to other platforms.

What role does Laravel play?

Laravel handles all the backend logic such as calling the forecast.io API, caching, user settings and blade views. When the user checks the weather, they are actually loading an iframe into the extension popup. I’m also using Cashier and Stripe for billing. Cashier is great and makes it easy to work with Stripe.

I really enjoy the developer experience Laravel offers. It allows me to focus on what I’m building and not all the other mundane stuff. I use DigitalOcean for hosting and Forge for server management. I highly recommend Forge for provisioning servers. I had to add an SSL certificate to my server and Forge makes tasks like this so simple.

With almost 8,000 users, it seems like this has been successful. How did you get so many users?

I’ve had several other side projects that I thought were much better ideas, but they never gained traction. Seriously, who needs another way to check the weather? After about a week of the extension being in the chrome web store, Lifehacker published an article featuring my extension. Weather went from about 150 users to over 8,000 users. I’ve done my best to respond to bugs and feature requests as quickly as possible. People all over the world are using the extension which is amazing. I’ve discovered that coding an app is usually easier than getting users and keeping them happy.

Are you planning on creating more extensions in the future?

For now my plans are to continue working on Weather. I do plan on creating a firefox and possibly a mac/windows version of Weather. Since most of the logic is on the server, it shouldn’t be very difficult.

Eric L. Barnes photo

Eric is the creator of Laravel News and has been covering Laravel since 2012.

Filed in:
Cube

Laravel Newsletter

Join 40k+ other developers and never miss out on new tips, tutorials, and more.

image
Tinkerwell

Version 4 of Tinkerwell is available now. Get the most popular PHP scratchpad with all its new features and simplify your development workflow today.

Visit Tinkerwell
Laravel Forge logo

Laravel Forge

Easily create and manage your servers and deploy your Laravel applications in seconds.

Laravel Forge
Tinkerwell logo

Tinkerwell

The must-have code runner for Laravel developers. Tinker with AI, autocompletion and instant feedback on local and production environments.

Tinkerwell
No Compromises logo

No Compromises

Joel and Aaron, the two seasoned devs from the No Compromises podcast, are now available to hire for your Laravel project. ⬧ Flat rate of $7500/mo. ⬧ No lengthy sales process. ⬧ No contracts. ⬧ 100% money back guarantee.

No Compromises
Kirschbaum logo

Kirschbaum

Providing innovation and stability to ensure your web application succeeds.

Kirschbaum
Shift logo

Shift

Running an old Laravel version? Instant, automated Laravel upgrades and code modernization to keep your applications fresh.

Shift
Bacancy logo

Bacancy

Supercharge your project with a seasoned Laravel developer with 4-6 years of experience for just $2500/month. Get 160 hours of dedicated expertise & a risk-free 15-day trial. Schedule a call now!

Bacancy
Lucky Media logo

Lucky Media

Bespoke software solutions built for your business. We ♥ Laravel

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel E-Commerce

E-Commerce for Laravel. An open-source package that brings the power of modern headless e-commerce functionality to Laravel.

Lunar: Laravel E-Commerce
LaraJobs logo

LaraJobs

The official Laravel job board

LaraJobs
All Green logo

All Green

All Green is a SaaS test runner that can execute your whole Laravel test suite in mere seconds so that you don't get blocked – you get feedback almost instantly and you can deploy to production very quickly.

All Green
Larafast: Laravel SaaS Starter Kit logo

Larafast: Laravel SaaS Starter Kit

Larafast is a Laravel SaaS Starter Kit with ready-to-go features for Payments, Auth, Admin, Blog, SEO, and beautiful themes. Available with VILT and TALL stacks.

Larafast: Laravel SaaS Starter Kit
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS Starter Kit

SaaSykit is a Laravel SaaS Starter Kit that comes with all features required to run a modern SaaS. Payments, Beautiful Checkout, Admin Panel, User dashboard, Auth, Ready Components, Stats, Blog, Docs and more.

SaaSykit: Laravel SaaS Starter Kit
Rector logo

Rector

Your partner for seamless Laravel upgrades, cutting costs, and accelerating innovation for successful companies

Rector

The latest

View all →
Asserting Exceptions in Laravel Tests image

Asserting Exceptions in Laravel Tests

Read article
Reversible Form Prompts and a New Exceptions Facade in Laravel 11.4 image

Reversible Form Prompts and a New Exceptions Facade in Laravel 11.4

Read article
Basset is an alternative way to load CSS & JS assets image

Basset is an alternative way to load CSS & JS assets

Read article
Integrate Laravel with Stripe Connect Using This Package image

Integrate Laravel with Stripe Connect Using This Package

Read article
The Random package generates cryptographically secure random values image

The Random package generates cryptographically secure random values

Read article
Automatic Blade Formatting on Save in PhpStorm image

Automatic Blade Formatting on Save in PhpStorm

Read article