Local Weather App (vanilla 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 vanilla JS.

Inspired by both the Weather App assignment as part of the curriculum for the JavaScript Course on The Odin Project as well as the Show the Local Weather challenge as part of the curriculum for the Coding Interview Prep on freeCodeCamp.

---

Built With

• Vanilla JS
• JavaScript
• Sass
• CSS3
• HTML5
• Geolocation API
• OpenWeatherMap API
• GeoDB Cities API
• AJAX
• Axios
• Node.js
• Webpack
• Moment.js
• Weather Icons
• LocalStorage
• Babel
• Normalize.css
• Font Awesome
• Google Fonts

Demo

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

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