Weather App

Web application to show the current weather forecast.

Explore this project »

✧ View Demo ✧ Report Bug ✧ Getting Started ✧ Installing ✧ Author ✧ Instructions to play the game ✧ How was designed the game ✧

This project is about building a web application to show a weather forecast using weather API from external services like https://openweathermap.org/ and https://giphy.com/, you should be able to search for a specific location and toggle displaying the data in Fahrenheit or Celsius, to use the app place a name of the city and click on search, every time you click on search the info will go to the left, you can have three different results.

Getting Started

This project was built using Javascript 6, Webpack version 3, it is a web application and for running on your local environment you should follow these guidelines.

webpack is used to compile JavaScript modules. Once installed, you can interface with webpack either from its CLI or API. If you're still new to webpack, please read through the core concepts and this comparison to learn why you might use it over the other tools that are out in the community.

Core concepts : Webpack

Prerequisites

• Webpack
• NPM

Setup

The project repository can be found in GitHub link or just clone the project using this command.

Using SSH 

# git clone  https://github.com/rubenpazch/js-weather-app.git

Using HTTPS

# git clone  git@github.com:rubenpazch/js-weather-app.git

• Open terminal on your workspace with

cd /home/workspace/js-weather-app

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

install npm and webpack

sudo apt update
sudo apt install npm

Local Installation Webpack

To install the latest release or a specific version, run one of the following commands:

npm install --save-dev webpack
npm install --save-dev webpack-cli

Global Installation Webpack

The following NPM installation will make webpack available globally:

npm install --global webpack

Now you can make changes on src files to change the behavior of the application

finally if you want to compile the code run this command

npm run build

Deployment

To deploy this project and copy the info from the dist folder to your server.

Tools used on this project

• Visual Studio Code
• Stylelint
• Babel

Authors

👤 Ruben Paz Chuspe

• Github: @rubenpazch
• Linkedin: rubenpch
• Twitter: chuspepaz

🤝 Contributing

This project was created for educational purposes as part of the Microverse web development curriculum; contributing is not accepted.

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• We thank microverse inc. for this learning opportunity.
• The Odin Project