Whats the Weather

SPA (Single Page Application) where you can see weather details for any city in the world.
I had to not only connect to the API and fetch data, I also had to implement input validation.

Tech stack

The Goal

I wanted to put my knowledge of using APIs, React hooks, and input validation to the test.

So I made a SPA that is mobile responsive and gives weather details for the location entered.

My process

Preparing

I didn't want to use a tutorial for this so I first made sure I was very comfortable with using APIs and React hooks.

Develop

When I saw I was ready to make this without any tutorial I started development.

Testing and fixing

I always try to let others try out my projects to help me find errors.
I got a few friends and family to try out the app and that helped me find errors that I managed to quickly fix.

The Result

Project result

Because I was doing university assignments at the time this took me 3 days to complete but I managed to complete this without looking for any tutorials or guides.

What I learnt

This project helped me solidify my API and react hook knowledge. I also got some exposure to handing off my project to testers and using their feedback.