Use the deployed version at: https://vane.netlify.com.
Weather App using React, Axios, Material UI, Firebase, Yahoo Weather API.
This quick and simple mobile app was built in order to solidify my foundation for React.js. I built this as an extra project on my own to make sure that I had a good handle on the basic concepts of React.js and working with React components.
This was first built by fetching data from the Yahoo Weather API and using Axios to handle the API requests. Axios ensured that I can handle my API requests with each search that is performed, without further complicating my app life cycle. Components were then rendered out using ReactJS and Material UI. Material UI was used to help with a responsive UX and UI, and helped to maintain styling. I also added styling that that uses a color palette based on the temperature from hot to cold. Screenshots of the color palette in the app can be found here. Finally I have added Firebase in to allow for user authentication via Google. When a user logs in they can add saved cities that can be quickly accessed in the menu.
Make sure you have Node.js installed.
git clone git@github.com:theranbrig/weather-app # or clone your own fork
cd weather-app
npm install
npm startYour app should now be running on localhost:3000.
Theran Brigowatz is a Full-stack Web Developer currently out of Seoul, South Korea, but transitioning back to the US. Check him out at the following:
Made with ❤️ and ☕.