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.

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

Get Lucky Now - the ideal choice for Laravel Development, with over a decade of experience!

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
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS Starter Kit

SaaSykit is a Multi-tenant 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
Supercharge Your SaaS Development with FilamentFlow: The Ultimate Laravel Filament Boilerplate logo

Supercharge Your SaaS Development with FilamentFlow: The Ultimate Laravel Filament Boilerplate

Build your SaaS application in hours. Out-of-the-box multi-tenancy and seamless Stripe integration. Supports subscriptions and one-time purchases, allowing you to focus on building and creating without repetitive setup tasks.

Supercharge Your SaaS Development with FilamentFlow: The Ultimate Laravel Filament Boilerplate
Rector logo

Rector

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

Rector
MongoDB logo

MongoDB

Enhance your PHP applications with the powerful integration of MongoDB and Laravel, empowering developers to build applications with ease and efficiency. Support transactional, search, analytics and mobile use cases while using the familiar Eloquent APIs. Discover how MongoDB's flexible, modern database can transform your Laravel applications.

MongoDB

The latest

View all →
Asymmetric Property Visibility in PHP 8.4 image

Asymmetric Property Visibility in PHP 8.4

Read article
Access Laravel Pulse Data as a JSON API image

Access Laravel Pulse Data as a JSON API

Read article
Laravel Forge adds Statamic Integration image

Laravel Forge adds Statamic Integration

Read article
Transform Data into Type-safe DTOs with this PHP Package image

Transform Data into Type-safe DTOs with this PHP Package

Read article
PHPxWorld - The resurgence of PHP meet-ups with Chris Morrell image

PHPxWorld - The resurgence of PHP meet-ups with Chris Morrell

Read article
Herd Executable Support and Pest 3 Mutation Testing in PhpStorm 2024.3 image

Herd Executable Support and Pest 3 Mutation Testing in PhpStorm 2024.3

Read article