Weather APP

A simple weather app that uses weatherAPI to display the current weather forecast of a city.

I started this project to practice Asynchronous JavaScript and to learn how to use APIs.

Features

• Search for a city
• Auto suggest cities as the user types in the search bar
• Showing loading spinner for the user while fetching data
• Use geolocation to get the current weather forecast of the user's location
• Change the look of the app based on the weather condition
• Ability to switch between Celsius and Fahrenheit
• Display hourly weather forecast
• Support for keyboard navigation

Demo

Try the app deployed on github pages: Weather App

Technologies Used

• Webpack: Module bundler
• Babel: JavaScript compiler
• Fetch API: To make HTTP requests
• Geolocation API: To get the user's current location
• Husky: To run scripts during and before commits
• Eslint: To enforce code style
• Prettier: To format code

Local Setup

1. Clone the repo

git clone git@github.com:ahmeducf/weather-app.git

2. Install dependencies

npm install

3. Run webpack dev server in production mode

npm run prod

The app will be available at http://localhost:8080/

Acknowledgement

• WeatherAPI: To get the weather forecast of a city
• date-fns: To manipulate dates

Roadmap

• Make the app responsive for mobile devices
• Add unit tests
• Improve accessibility