Skip to content

Latest commit

 

History

History
79 lines (55 loc) · 2.11 KB

README.md

File metadata and controls

79 lines (55 loc) · 2.11 KB
Raw

Weather-App

In this project, I built a weather forecast site using the OpenWeatherMap API.
Here I applied DOM manipulation by dynamically rendering the website using JavaScript, Modules, and Webpack.

Screenshot

screenshot

screenshot

screenshot

screenshot

Live Demo

You can try it here.

🔨 Built With

  • HTML5,
  • CSS3,
  • SASS,
  • Stylelint,
  • Eslint,
  • JavaScript,
  • NPM,
  • Webpack,
  • Visual Studio Code

💻 Getting Started

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

Prerequisites

Before you continue, be sure that you have installed:

  • A Git GUI.
  • An Integrated Development Environment.
  • Npm.

Usage

To run the project:

  • Clone the repository with Git.
  • Open it with your IDE.
  • Install the dependencies.
    npm install
  • Run the website.
    npm run start

💎 Features

  • It displays the temperature in two different formats.
  • The style colors change depending on if it is day or night.
  • It shows a message if the user tries to make a search with the input field empty or if it could not find the city.

👩 Author

Rossiel Carranza

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

  1. Fork this repository.
  2. Create a branch: git checkout -b <branch_name>
  3. Make your changes and commit them: git commit -m '<commit_message>'
  4. Push to the original branch: git push origin <project_name>/
  5. Create the pull request.

Show your support

Give an ⭐️ if you like this project!

📝 License

This project is MIT licensed.