https://github.com/rubenpazch/js-weather-app
This project is about building a web application to show a weather forecast using weather API from external services like openweathermap.org and 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.
https://github.com/rubenpazch/js-weather-app
api boostrap4 html5 javascript module-pattern webpack
Last synced: 13 days ago
JSON representation
This project is about building a web application to show a weather forecast using weather API from external services like openweathermap.org and 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.
- Host: GitHub
- URL: https://github.com/rubenpazch/js-weather-app
- Owner: rubenpazch
- Created: 2020-07-01T22:21:54.000Z (almost 6 years ago)
- Default Branch: development
- Last Pushed: 2023-01-07T19:50:56.000Z (over 3 years ago)
- Last Synced: 2023-03-06T22:24:52.233Z (about 3 years ago)
- Topics: api, boostrap4, html5, javascript, module-pattern, webpack
- Language: JavaScript
- Homepage: http://weather-app.cuscosolutions.com/
- Size: 2.45 MB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](https://webpack.js.org/concepts/)
### Prerequisites
- Webpack
- NPM
### Setup
The project repository can be found in [GitHub link](https://github.com/rubenpazch/js-weather-app) 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](https://github.com/rubenpazch)
- Linkedin: [rubenpch](https://www.linkedin.com/in/rubenpch/)
- Twitter: [chuspepaz](https://twitter.com/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](issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- We thank microverse inc. for this learning opportunity.
- The Odin Project