forecast.png

<aside> 💡 Project: A re-creation of my Javascript GeoLocation Weather App made with React and an API

</aside>

<aside> 💡 Scope: Create a functioning react app with ES6

</aside>

<aside> 💡 My role: Designer & Developer

</aside>

<aside> 💡 Goal: Successfully incorporate APIs and use npm for importing axios and icons

</aside>

<aside> 💡 Challenges: How can I pull data from an API to display in a functioning app?

</aside>

<aside> 💡 Basic process: Mood board > Napkin Sketches > Wireframe > Code > Push to GitHub > Host

</aside>

<aside> 💡 Results: A functional weather forecast app for searching for any city.

</aside>

Process

Figure 1. A functioning weather app created with React and OpenWeather API.

Figure 1. A functioning weather app created with React and OpenWeather API.

GitHub Repo

GitHub - tiffanymackay/weather-forecast-app

Final Hosted Website

The final project allowed me to focus on incorporating APIs into React components. I coded using Visual Studio Code, the terminal, and uploaded to Github and hosting with Netlify.

React Weather Forecast App