Weather Where: A Weather Dashboard with KendoReact

From Weather & Wonder ➝ Weather Where: Evolving My KendoReact Weather App

This is a submission for the KendoReact Free Components Challenge.

When I first started this project, my idea was simple: build a weather app that also delivered fun, location based facts to make forecasts more engaging. I called it Weather & Wonder, and here’s what the first version looked like:

It worked, you could check the weather, view forecasts, track sunrise/sunset, and see a quirky fact about your location. But… the “Wonder” part turned out to be more of a pain than a feature. Finding data that was consistent, meaningful, and fun for every region was harder than expected. Instead of enhancing the experience, it cluttered it.

So I pivoted.

Weather Where

I stripped the app down to its core purpose: a clean, professional, lightning-fast weather dashboard. The new design puts clarity and usability first. Here’s the updated look:

The rebrand also gave me the chance to lean more heavily into KendoReact’s free component library, which helped me structure the app like a proper dashboard and show off more of what the library can do.

What Changed & Why

🎯 Focus

• Removed the “Wonder” section → kept the app dedicated to weather.
• Simplified the purpose: get accurate forecasts in seconds.

🖼️ UI/UX Upgrade

• Shifted from a playful vibe to a professional dashboard look.
• Integrated more KendoReact components for structure and consistency.
• Designed with accessibility and clarity in mind.

🛠️ KendoReact Components in Action

• Layout: AppBar, Card, TabStrip, Grid
• Interactions: Button, Switch, DropDownList
• Feedback: Loader, ProgressBar
• Dialogs: Expanded forecast details with Dialog

The result? A polished app that feels cohesive, performant, and production-ready — while still being fun to use.

Demo

🔗 Live App
💻 Source Code

If you’d like to see your city appear in the dropdown, drop me a comment and I’ll add it in 😉

Comments

[Yahaya Oyinkansola]

I like your project, nice submission for the ongoing challenge. I also looked at your repo, and I have learnt some things from the code you wrote like writing hooks. Thanks for sharing

[Shaquille Niekerk]

Thank you for taking the time to checkout my submission, glad you liked it.
That's awesome that you've learnt a new trick while here.