├── .browserslistrc ├── .eslintrc.js ├── .gitignore ├── README.md ├── babel.config.js ├── dist ├── css │ ├── about.c3e936b2.css │ ├── app.855c3752.css │ └── chunk-vendors.391ed6f9.css ├── favicon.ico ├── index.html ├── js │ ├── about.c0e6344f.js │ ├── about.c0e6344f.js.map │ ├── app.06eac21e.js │ ├── app.06eac21e.js.map │ ├── chunk-vendors.2014fd20.js │ └── chunk-vendors.2014fd20.js.map └── spinner.svg ├── package.json ├── postcss.config.js ├── public ├── favicon.ico ├── index.html └── spinner.svg ├── src ├── App.vue ├── assets │ └── logo.png ├── components │ └── weatherWidget.vue ├── constants.js ├── main.js ├── router.js ├── services │ └── service.js ├── store.js └── views │ ├── About.vue │ └── Home.vue └── yarn.lock /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | extends: ["plugin:vue/essential", "@vue/prettier"], 7 | rules: { 8 | "no-console": process.env.NODE_ENV === "production" ? "error" : "off", 9 | "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off" 10 | }, 11 | parserOptions: { 12 | parser: "babel-eslint" 13 | } 14 | }; 15 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | 4 | # local env files 5 | .env.local 6 | .env.*.local 7 | 8 | # Log files 9 | npm-debug.log* 10 | yarn-debug.log* 11 | yarn-error.log* 12 | 13 | # Editor directories and files 14 | .idea 15 | .vscode 16 | *.suo 17 | *.ntvs* 18 | *.njsproj 19 | *.sln 20 | *.sw? 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Vue Weather App 2 | > Pet-app with [article](https://dev.to/oxyyyyy/simple-weather-app-on-vue-js-1g20) about it. 3 | 4 |  5 | 6 | ## Project setup 7 | ``` 8 | yarn install 9 | ``` 10 | 11 | ### Compiles and hot-reloads for development 12 | ``` 13 | yarn run serve 14 | ``` 15 | 16 | ### Compiles and minifies for production 17 | ``` 18 | yarn run build 19 | ``` 20 | 21 | ### Run your tests 22 | ``` 23 | yarn run test 24 | ``` 25 | 26 | ### Lints and fixes files 27 | ``` 28 | yarn run lint 29 | ``` 30 | 31 | ### Customize configuration 32 | See [Configuration Reference](https://cli.vuejs.org/config/). 33 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ["@vue/app"] 3 | }; 4 | -------------------------------------------------------------------------------- /dist/css/about.c3e936b2.css: -------------------------------------------------------------------------------- 1 | .about[data-v-d69fc164]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh} -------------------------------------------------------------------------------- /dist/css/app.855c3752.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400&display=swap&subset=cyrillic);body{font-family:Montserrat,sans-serif;max-height:100vh}a{color:#153b50;-webkit-text-decoration-color:rgba(21,59,80,.5);text-decoration-color:rgba(21,59,80,.5);-webkit-transition:all .3s ease;transition:all .3s ease}a:hover{-webkit-text-decoration-color:#153b50;text-decoration-color:#153b50}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 0;position:absolute;top:0;left:0;width:100%}.nav__link:not(:last-child){margin-right:15px}.weather-widget[data-v-65537994]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#429ea6}.weather-widget__city[data-v-65537994]{font-size:20px;margin:0}.weather-widget__temp[data-v-65537994]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#16f4d0;font-size:200px;font-weight:200;margin:0}.weather-widget__temp span[data-v-65537994]{font-size:30px;font-weight:400;margin-top:35px}.weather-widget__status[data-v-65537994]{font-size:20px;margin:0}.home[data-v-2de48d42]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh} -------------------------------------------------------------------------------- /dist/css/chunk-vendors.391ed6f9.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} -------------------------------------------------------------------------------- /dist/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oxyyyyy/vue-weather/1408bcd18433e29ddb38ea9e56a5039835265812/dist/favicon.ico -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 |
Thanks Weatherbit for public API!
4 |