Skip to content

ahmeducf/weather-app

Repository files navigation

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

Weather App Demo

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 [email protected]:ahmeducf/weather-app.git
  1. Install dependencies
npm install
  1. Run webpack dev server in production mode
npm run prod

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

Acknowledgement

Roadmap

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