Natu-Weather

Inspiration

My inspiration for the app was simply to get more practice with APIs and I also get quite annoyed with how weather websites don't give me automatic weather readings based on location. I aimed to make this a personal QOL project that will definitely see development post hackathon.

What it does

It displays weather based on what the user sends the API in the fetch and displays the current temperature, highs and lows

How we built it

I built the program using React native framework, I used a few NPMs as well such as converting kelvin to Celsius since the API returns kelvin temperatures by default

Challenges we ran into

I have experience with react and designing APIs, but I ran into an issue communicating with the API at first, then once I learned it opened the floodgates to new features, unfortunately, when I figured out my breakthrough, there wasnt enough time left in the event to finish what I planned to do. I also had an issue with missing elements on the webpage when it was just a simple missing ',' in my state machine

Accomplishments that we're proud of

I'm proud to be able to showcase the project, albeit extremely simple, it provided me a vector to learn more about things I'm currently weak in and need to strengthen

What we learned

I learned that components in react are very flexible and powerful and it has inspired me to sign up for more hackathons to compete. Before, I was afraid, imposter syndrome really set it but by the end of it, I feel renewed in my abilities.

What's next for Natu-Weather

some new features such as 5 day forecast, geolocation, setting up a search bar, some shiny CSS to beautify my page and a potential database hookup with user login and registration and finally, maybe a deployment for my friends and family to use over the internet

Built With

• javascript
• jsx
• node.js
• openweatherapi
• react