WEATHER APP is simple aplication to checking weather uses external API to fetch data.
https://weatherapp.webster2020.com/
- git clone git@github.com:Webster2020/WEATHER_APP.git
- npm run install
- npm run watch - run the project and than You can see it on Your device
*...or use link if You only want to check how it works
- Vanilla JS
- SCSS for styling
- HTML5 for content
- Canvas Chart to shows data
- Eslint to control bugs
** LOCAL WEATHER: **
- if localization in browser is available it shows weather parameters of current place and time ** WEATHER ON CHARTS: **
- form to selecting cities to show weather
- when data are correct it shows charts with temperature and wind speed on charts
- content in index.html file
- styles in scss files - general file with import styles from partials
- charts by canvas
- JS files divided into:
- app.js - main file
- home.js - functions to coin buttons and back button
- localWeather.js - functions to getting data from API and display weather info
- citiesForm.js - form to selecting and getting cities from API
- chartsWeather.js - functions to getting data from API and display weather info on charts
- settings.js - select, class and DOM elemenst objects
- configuration files: gitignore, package.json, stylelintrc etc.
- no images and vendors in this moment
Project was prepared based on my own idea and using my current knowledge and skills.
- Refactor code
- Michal Szwajgier - Webster2020 -
Free licence