Try Depot: Bring ultra-fast, remote Docker builds directly to your Laravel workflow

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
Bacancy

Outsource a dedicated Laravel developer for $3,200/month. With over a decade of experience in Laravel development, we deliver fast, high-quality, and cost-effective solutions at affordable rates.

Visit Bacancy
Bacancy logo

Bacancy

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

Bacancy
Tinkerwell logo

Tinkerwell

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

Tinkerwell
Get expert guidance in a few days with a Laravel code review logo

Get expert guidance in a few days with a Laravel code review

Expert code review! Get clear, practical feedback from two Laravel devs with 10+ years of experience helping teams build better apps.

Get expert guidance in a few days with a Laravel code review
Acquaint Softtech logo

Acquaint Softtech

Acquaint Softtech offers AI-ready Laravel developers who onboard in 48 hours at $3000/Month with no lengthy sales process and a 100 percent money-back guarantee.

Acquaint Softtech
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
Harpoon: Next generation time tracking and invoicing logo

Harpoon: Next generation time tracking and invoicing

The next generation time-tracking and billing software that helps your agency plan and forecast a profitable future.

Harpoon: Next generation time tracking and invoicing
Lucky Media logo

Lucky Media

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

Lucky Media
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

The latest

View all →
Factory makeMany() Method in Laravel 12.52.0 image

Factory makeMany() Method in Laravel 12.52.0

Read article
Laravel Adds an Official Svelte + Inertia Starter Kit image

Laravel Adds an Official Svelte + Inertia Starter Kit

Read article
MongoDB Vector Search in Laravel: Finding the Unqueryable image

MongoDB Vector Search in Laravel: Finding the Unqueryable

Read article
Laravel Cloud Adds “Markdown for Agents” to Serve AI-Friendly Content image

Laravel Cloud Adds “Markdown for Agents” to Serve AI-Friendly Content

Read article
Laravel Releases Nightwatch MCP Server for Claude Code and AI Agents image

Laravel Releases Nightwatch MCP Server for Claude Code and AI Agents

Read article
Single Table Inheritance for Eloquent Models Using Parental image

Single Table Inheritance for Eloquent Models Using Parental

Read article