/weather-app

Weather app in JavaScript is a practice project, which includes managing the dynamically DOM manipulation and asynchronous access to public API using async-await methods and promises. Built with Javascript, HTML5, CSS3, Bootstrap, Open Weather, and Giphy API.

Primary LanguageJavaScriptMIT LicenseMIT

Weather APP

Status Github Issues GitHub2 Pull Requests License

Weather app in JavaScript is a practice project, which includes managing the dynamically DOM manipulation and asynchronous access to public API using async await methods and promises. I used Javascript, HTML5, CSS3, Bootstrap, Open Weather API and Giphy API to implement it.

App Screenshot

screenshot

Live Link Demo

Live Link Demo

Built With

  • HTML5
  • CSS3
  • Bootstrap
  • Giphy API
  • Open Weather API
  • JavaScript

Getting Started

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

Prerequisites

  • Text Editor (VSCode is suggested.)

Setup

  • Install git
  • Open Terminal
  • Change directory to folder to download repository
  • Use cd <file-path>
  • Run git clone https://github.com/marcelomaidden/weather-app

To make any change,

  • Open related file by using text editor.

Usage

  • Add a .env file on the root folder of your project with all your API keys as the example below
  • API_KEY="'your open weather key'"
  • GIPHY_KEY="'your giphy key'"
  • run npm run build on your terminal to rebuild your public keys
  • Change directory to dist folder
  • Open index.html on your preferred browser

Author

👤 Marcelo Fernandes

🤝 Contributing

Contributions, issues and feature requests are welcome! Start by:

  • Forking the project
  • Cloning the project to your local machine
  • cd into the project directory
  • Run git checkout -b your-branch-name
  • Make your contributions
  • Push your branch up to your forked repository
  • Open a Pull Request with a detailed description to the development branch of the original project for a review

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Bulma
  • W3Schools
  • Font Awesome
  • Javascript

📝 License

This project is MIT licensed.