<aside> 🙋🏻‍♂️ Preface

I’d like to preface this post by stating that this was not an attempt to create a revolutionary weather app that replaces existing ones.

Instead, I focused more on exploring how designers can benefit from using toddle as a no-code app builder.

Primary goals

💪 Get comfortable working with the toddle editor.

👨‍🎨 Explore some sleek design.

Secondary goals

🤝 Provide a glimpse of what it would be like to work together with me.

💛 Build a weather app that’s not just a sample, but something people would actually love to use. (make them go like “wait, this was built on no-code?”, instead of “eh, it’s good for a no-code”)

📣 Share the final app and get more builders to try toddle!

With that said, let’s go build it!

</aside>

Table of content

💨 Rapid wireframe

• Goal: Finalize features for v.1.0 as rapidly as possible
• Time spent: ~30 minutes
• Tools used: Figma & Whimsical
• Loom of me talking through the process

Basic features

A weather app should do two things the best,

• Tell the current temperature and conditions.
• Forecast future temperatures and conditions.

Climate features: a perfect challenge

I needed a key feature to differentiate toddle weather from other ‘sample’ weather apps.

Last year, I built an app that shows how much the average temperature has changed over time in the user’s location, to raise awareness for climate change.

The displays included,

• Current temperature vs. averages in the past (card)
• Climate stripes (visuals)
• Temperature increase predictions (chart)

This was a perfect challenge - I would be able to accurately compare how much easier/more-difficult it is to build a similar feature using toddle.