Another weather app, but please your feedback is needed

Hello, guys and gals, I know this is the 1000th weather app you guys have to review but please I need your feedback because this is my first project where I have implemented an API, SASS and gulp build process. I added small additional features.

Click: Weather Channel

It is hosted by GitHub (gh-pages)
Suggestions and feedback are welcome.

For some reason, the search input field doesn’t work on mobile screens. it is deactivated, I have no idea how to fix this, I have searched and tried debugging with chrome dev tools but no cigar. Any help I can get is welcomed.

Cheers, Sotu.


It looks really nice and seems to work well.

Never seen this weird bug, but apparently .col-xs-12 adds float: left to the div and that messes something up… Don’t ask me why.

So the solution is to remove the col-xs-12 class from the div around .search_form.
Note that .col-xs-12 is unnecessary since Bootstrap will automatically set the size of a div to 100% if no size is defined for that screen size (or a smaller screen size). So removing it will not have any effect on your page.

1 Like

Looks good and works well on my Google Chrome Version 62.0.3202.94. Nice Job! Like the possibility to search for other locations! Only thing I would say is when I first opened it, it didn’t show my location I had to press the button to get my location. Maybe it would be better I it’s shows user location by default ?

1 Like

Thank you so much @BenGitter for the help and feed back. The solution worked like a charm.

Thank you @tomski80.
I set the first API call on page load to be my city of residence without requesting for users location just yet.
I don’t quite like the idea of the page immediately asking for permission to use location services first, hence my decision.

I just don’t know how it will do as you request without asking to use location services.