Skip to content

othman-19/WeatherApp_JS

Repository files navigation

# PROJECT: WEATHER APP.

A weather app that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with Html,CSS and JavaScript.

screenshot

This project is part of a series of projects to be completed by students of Microverse.

Built With

  • JavaScript (ES6/ES2015).
  • HMTL/CSS.
  • Weather API.
  • ES6 Modules.
  • DOM manipulation.
  • Webpack (NPM).
  • ESlint.
  • JSON.
  • JavaScript async_await, promises, import/export modules and fetch data technics.

Live Demo

Live Demo Link

Features

  • User can see Weather status by entering the city name in the search bar.

Future features

  • Add Weather status for 24 hours and 7 days.
  • Add Weather information page.

To get a local copy up and running follow these simple example steps.

Prerequisites

  1. Git.
  2. Code editor.
  3. Code linter.
  4. Browser.

How to run the program

  1. Open the terminal.

  2. Enter git clone https://github.com/othman-19/WeatherApp_JS.

  3. Navigate to the cloned repository.

  4. In the terminal cd into WeatherApp_JS.

  5. install webpack by typing npm install webpack webpack-cli --save-dev in terminal.

  6. Install loaders by typing npm install --save-dev style-loader css-loader file-loader in terminal.

  7. Open index.html in browser.

Author(s)

  1. Othamane Naamani.

Contact

Othmane Namani
Email: othmanenaamani@gmail.com
Portfolio
LinkedIn
twitter
DEV Community
Angel List

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

About

A weather app that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with Html,CSS and JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published