https://github.com/abeidahmed/weather-app-js

See live weather reports from all around the world.
https://github.com/abeidahmed/weather-app-js

javascript weather-app

Last synced: about 2 months ago
JSON representation

See live weather reports from all around the world.

• Host: GitHub
• URL: https://github.com/abeidahmed/weather-app-js
• Owner: abeidahmed
• License: mit
• Created: 2021-03-11T09:34:27.000Z (about 4 years ago)
• Default Branch: development
• Last Pushed: 2021-03-12T08:21:16.000Z (about 4 years ago)
• Last Synced: 2025-02-07T15:14:01.453Z (3 months ago)
• Topics: javascript, weather-app
• Language: SCSS
• Homepage: https://abeidahmed.github.io/weather-app-js/
• Size: 1.94 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Weather app

> See live weather reports from all around the world.

## Live demo

[Link](https://abeidahmed.github.io/weather-app-js/)

## Cloudy status

![Cloudy weather](./dist/screenshot/cloud-shot.jpg)

## Rain status

![Rain weather](./dist/screenshot/rain-shot.jpg)

## Clear status

![Clear weather](./dist/screenshot/cold-shot.jpg)

## Features

- Search by city name

- Display temperature, min temperature, max temperature

- Display city's current weather status. Eg: clear, cloudy, rainy, etc

- Change the background of the app dynamically according to the city's current

  weather status

- Toggle temperature unit between Celsius and Fahrenheit (the state is persistent)

## Built with

- Javascript

- Webpack

- HTML

- Sass

## Getting started

- Clone the repo: `https://github.com/abeidahmed/weather-app-js.git`

- `cd` into the project directory

- Run `npm install`

- Run `npm run dev` to start the webpack server

- Open the `index.html` file from the directory with your browser

## Author

### Abeid Ahmed

- GitHub: [abeidahmed](https://github.com/abeidahmed)

- Twitter: [iamhawaabi](https://twitter.com/iamhawaabi)

- LinkedIn: [Abeid Ahmed](https://www.linkedin.com/in/abeidahmed)

## Contribution

- Clone the repo using the above instructions

- Create a new branch: `git checkout -b awesome-branch`

- Add your changes and commit the file

- Push to your forked repo

- Make a pull request to `development` branch

## Show your support

Give a ⭐️ if you like

## License

This project is MIT licensed.