pgiani / local-weather-app-reactjs

A front-end web app that uses HTML5 Geolocation and the OpenWeatherMap API to get the user's current weather and forecast. Built with React.js.

Local Weather App (React.js)

A front-end web app that uses HTML5 Geolocation and the OpenWeatherMap API to get the user's current weather and forecast. Built with React.js.

Inspired by the Show the Local Weather challenge as part of the curriculum for the Coding Interview Prep on freeCodeCamp.

---

Built With

• React.js
• Sass
• Geolocation
• OpenWeatherMap API
• AJAX
• Axios
• Webpack
• Moment.js
• Weather Icons
• LocalStorage
• dotenv-webpack
• Babel
• Normalize.css
• Font Awesome
• Google Fonts

Demo

View project demo at https://autumnchris.github.io/local-weather-app-reactjs.

Instructions

After forking and cloning, navigate to the repository in your command line and install the NPM packages:

npm install

Create an API key on OpenWeatherMap and create a .env file in the root of the repository and add the following variables:

API_KEY=<your-openweathermap-api-key>

Run the following script in your command line to run the application:

npm start

Once the server is running, go to http://localhost:8080 in your browser.

Before committing any changes, run the following script to update your static files for production:

npm run build