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.
- React.js
- Sass
- Geolocation API
- OpenWeatherMap API
- GeoDB Cities API
- AJAX
- Axios
- Webpack
- Moment.js
- Weather Icons
- LocalStorage
- dotenv-webpack
- Babel
- Normalize.css
- Font Awesome
- Material Icons
- Google Fonts
View project demo at https://autumnchris.github.io/local-weather-app-reactjs.
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