https://github.com/autumnchris/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.
https://github.com/autumnchris/local-weather-app-reactjs
ajax babel css freecodecamp javascript localstorage momentjs openweathermap openweathermap-api react reactjs sass scss weather-app webpack
Last synced: 4 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/autumnchris/local-weather-app-reactjs
- Owner: autumnchris
- Created: 2018-01-06T19:13:49.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2025-04-01T01:22:31.000Z (about 1 year ago)
- Last Synced: 2025-04-10T14:17:02.956Z (about 1 year ago)
- Topics: ajax, babel, css, freecodecamp, javascript, localstorage, momentjs, openweathermap, openweathermap-api, react, reactjs, sass, scss, weather-app, webpack
- Language: JavaScript
- Homepage: https://autumnchris.github.io/local-weather-app-reactjs
- Size: 8.3 MB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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 both the [Weather App assignment](https://www.theodinproject.com/lessons/node-path-javascript-weather-app) as part of the curriculum for the [JavaScript Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) on [The Odin Project](https://www.theodinproject.com) as well as the [Show the Local Weather challenge](https://learn.freecodecamp.org/coding-interview-prep/take-home-projects/show-the-local-weather) as part of the curriculum for the [Coding Interview Prep](https://www.freecodecamp.org/learn/coding-interview-prep) on [freeCodeCamp](https://www.freecodecamp.org).
---
## Built With
* [React.js](https://reactjs.org)
* [Sass](http://sass-lang.com)
* JavaScript
* CSS3
* HTML5
* Geolocation API
* [OpenWeatherMap API](https://openweathermap.org)
* [GeoDB Cities API](https://rapidapi.com/wirefreethought/api/geodb-cities)
* AJAX
* [Axios](https://axios-http.com)
* [Node.js](https://nodejs.org/en)
* [Webpack](https://webpack.js.org)
* [Moment.js](https://momentjs.com)
* [Weather Icons](https://erikflowers.github.io/weather-icons)
* LocalStorage
* [Babel](https://babeljs.io)
* [Normalize.css](https://necolas.github.io/normalize.css)
* [Font Awesome](https://fontawesome.com)
* [Google Fonts](https://fonts.google.com)
## Demo
View project demo at [https://autumnchris.github.io/local-weather-app-reactjs](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](https://openweathermap.org) and create a `.env` file in the root of the repository and add the following variables:
```
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
```