├── .gitignore ├── package-lock.json ├── package.json ├── public ├── css │ └── style.css ├── images │ ├── 404.png │ ├── about.png │ ├── bg1.png │ ├── bg2.png │ ├── bg3.png │ └── logo.png └── js │ └── main.js ├── src └── app.js └── templates ├── partials ├── headerLinks.hbs └── navbar.hbs └── views ├── 404page.hbs ├── about.hbs ├── index.hbs └── weather.hbs /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "weatherapp", 3 | "version": "1.0.0", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "accepts": { 8 | "version": "1.3.7", 9 | "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz", 10 | "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==", 11 | "requires": { 12 | "mime-types": "~2.1.24", 13 | "negotiator": "0.6.2" 14 | } 15 | }, 16 | "array-flatten": { 17 | "version": "1.1.1", 18 | "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", 19 | "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" 20 | }, 21 | "body-parser": { 22 | "version": "1.19.0", 23 | "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz", 24 | "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==", 25 | "requires": { 26 | "bytes": "3.1.0", 27 | "content-type": "~1.0.4", 28 | "debug": "2.6.9", 29 | "depd": "~1.1.2", 30 | "http-errors": "1.7.2", 31 | "iconv-lite": "0.4.24", 32 | "on-finished": "~2.3.0", 33 | "qs": "6.7.0", 34 | "raw-body": "2.4.0", 35 | "type-is": "~1.6.17" 36 | } 37 | }, 38 | "bytes": { 39 | "version": "3.1.0", 40 | "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", 41 | "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==" 42 | }, 43 | "content-disposition": { 44 | "version": "0.5.3", 45 | "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", 46 | "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==", 47 | "requires": { 48 | "safe-buffer": "5.1.2" 49 | } 50 | }, 51 | "content-type": { 52 | "version": "1.0.4", 53 | "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", 54 | "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" 55 | }, 56 | "cookie": { 57 | "version": "0.4.0", 58 | "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz", 59 | "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==" 60 | }, 61 | "cookie-signature": { 62 | "version": "1.0.6", 63 | "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", 64 | "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" 65 | }, 66 | "debug": { 67 | "version": "2.6.9", 68 | "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", 69 | "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", 70 | "requires": { 71 | "ms": "2.0.0" 72 | } 73 | }, 74 | "depd": { 75 | "version": "1.1.2", 76 | "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", 77 | "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" 78 | }, 79 | "destroy": { 80 | "version": "1.0.4", 81 | "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", 82 | "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" 83 | }, 84 | "ee-first": { 85 | "version": "1.1.1", 86 | "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", 87 | "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" 88 | }, 89 | "encodeurl": { 90 | "version": "1.0.2", 91 | "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", 92 | "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" 93 | }, 94 | "escape-html": { 95 | "version": "1.0.3", 96 | "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", 97 | "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" 98 | }, 99 | "etag": { 100 | "version": "1.8.1", 101 | "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", 102 | "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" 103 | }, 104 | "express": { 105 | "version": "4.17.1", 106 | "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz", 107 | "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==", 108 | "requires": { 109 | "accepts": "~1.3.7", 110 | "array-flatten": "1.1.1", 111 | "body-parser": "1.19.0", 112 | "content-disposition": "0.5.3", 113 | "content-type": "~1.0.4", 114 | "cookie": "0.4.0", 115 | "cookie-signature": "1.0.6", 116 | "debug": "2.6.9", 117 | "depd": "~1.1.2", 118 | "encodeurl": "~1.0.2", 119 | "escape-html": "~1.0.3", 120 | "etag": "~1.8.1", 121 | "finalhandler": "~1.1.2", 122 | "fresh": "0.5.2", 123 | "merge-descriptors": "1.0.1", 124 | "methods": "~1.1.2", 125 | "on-finished": "~2.3.0", 126 | "parseurl": "~1.3.3", 127 | "path-to-regexp": "0.1.7", 128 | "proxy-addr": "~2.0.5", 129 | "qs": "6.7.0", 130 | "range-parser": "~1.2.1", 131 | "safe-buffer": "5.1.2", 132 | "send": "0.17.1", 133 | "serve-static": "1.14.1", 134 | "setprototypeof": "1.1.1", 135 | "statuses": "~1.5.0", 136 | "type-is": "~1.6.18", 137 | "utils-merge": "1.0.1", 138 | "vary": "~1.1.2" 139 | } 140 | }, 141 | "finalhandler": { 142 | "version": "1.1.2", 143 | "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", 144 | "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", 145 | "requires": { 146 | "debug": "2.6.9", 147 | "encodeurl": "~1.0.2", 148 | "escape-html": "~1.0.3", 149 | "on-finished": "~2.3.0", 150 | "parseurl": "~1.3.3", 151 | "statuses": "~1.5.0", 152 | "unpipe": "~1.0.0" 153 | } 154 | }, 155 | "foreachasync": { 156 | "version": "3.0.0", 157 | "resolved": "https://registry.npmjs.org/foreachasync/-/foreachasync-3.0.0.tgz", 158 | "integrity": "sha1-VQKYfchxS+M5IJfzLgBxyd7gfPY=" 159 | }, 160 | "forwarded": { 161 | "version": "0.1.2", 162 | "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", 163 | "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" 164 | }, 165 | "fresh": { 166 | "version": "0.5.2", 167 | "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", 168 | "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" 169 | }, 170 | "handlebars": { 171 | "version": "4.7.6", 172 | "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.6.tgz", 173 | "integrity": "sha512-1f2BACcBfiwAfStCKZNrUCgqNZkGsAT7UM3kkYtXuLo0KnaVfjKOyf7PRzB6++aK9STyT1Pd2ZCPe3EGOXleXA==", 174 | "requires": { 175 | "minimist": "^1.2.5", 176 | "neo-async": "^2.6.0", 177 | "source-map": "^0.6.1", 178 | "uglify-js": "^3.1.4", 179 | "wordwrap": "^1.0.0" 180 | } 181 | }, 182 | "hbs": { 183 | "version": "4.1.1", 184 | "resolved": "https://registry.npmjs.org/hbs/-/hbs-4.1.1.tgz", 185 | "integrity": "sha512-6QsbB4RwbpL4cb4DNyjEEPF+suwp+3yZqFVlhILEn92ScC0U4cDCR+FDX53jkfKJPhutcqhAvs+rOLZw5sQrDA==", 186 | "requires": { 187 | "handlebars": "4.7.6", 188 | "walk": "2.3.14" 189 | } 190 | }, 191 | "http-errors": { 192 | "version": "1.7.2", 193 | "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", 194 | "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", 195 | "requires": { 196 | "depd": "~1.1.2", 197 | "inherits": "2.0.3", 198 | "setprototypeof": "1.1.1", 199 | "statuses": ">= 1.5.0 < 2", 200 | "toidentifier": "1.0.0" 201 | } 202 | }, 203 | "iconv-lite": { 204 | "version": "0.4.24", 205 | "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", 206 | "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", 207 | "requires": { 208 | "safer-buffer": ">= 2.1.2 < 3" 209 | } 210 | }, 211 | "inherits": { 212 | "version": "2.0.3", 213 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", 214 | "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" 215 | }, 216 | "ipaddr.js": { 217 | "version": "1.9.1", 218 | "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", 219 | "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==" 220 | }, 221 | "media-typer": { 222 | "version": "0.3.0", 223 | "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", 224 | "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" 225 | }, 226 | "merge-descriptors": { 227 | "version": "1.0.1", 228 | "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", 229 | "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" 230 | }, 231 | "methods": { 232 | "version": "1.1.2", 233 | "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", 234 | "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" 235 | }, 236 | "mime": { 237 | "version": "1.6.0", 238 | "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", 239 | "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==" 240 | }, 241 | "mime-db": { 242 | "version": "1.44.0", 243 | "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz", 244 | "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==" 245 | }, 246 | "mime-types": { 247 | "version": "2.1.27", 248 | "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz", 249 | "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==", 250 | "requires": { 251 | "mime-db": "1.44.0" 252 | } 253 | }, 254 | "minimist": { 255 | "version": "1.2.5", 256 | "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", 257 | "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" 258 | }, 259 | "ms": { 260 | "version": "2.0.0", 261 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", 262 | "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" 263 | }, 264 | "negotiator": { 265 | "version": "0.6.2", 266 | "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz", 267 | "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==" 268 | }, 269 | "neo-async": { 270 | "version": "2.6.2", 271 | "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", 272 | "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==" 273 | }, 274 | "on-finished": { 275 | "version": "2.3.0", 276 | "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", 277 | "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", 278 | "requires": { 279 | "ee-first": "1.1.1" 280 | } 281 | }, 282 | "parseurl": { 283 | "version": "1.3.3", 284 | "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", 285 | "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==" 286 | }, 287 | "path-to-regexp": { 288 | "version": "0.1.7", 289 | "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", 290 | "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" 291 | }, 292 | "proxy-addr": { 293 | "version": "2.0.6", 294 | "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz", 295 | "integrity": "sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==", 296 | "requires": { 297 | "forwarded": "~0.1.2", 298 | "ipaddr.js": "1.9.1" 299 | } 300 | }, 301 | "qs": { 302 | "version": "6.7.0", 303 | "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", 304 | "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==" 305 | }, 306 | "range-parser": { 307 | "version": "1.2.1", 308 | "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", 309 | "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==" 310 | }, 311 | "raw-body": { 312 | "version": "2.4.0", 313 | "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz", 314 | "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==", 315 | "requires": { 316 | "bytes": "3.1.0", 317 | "http-errors": "1.7.2", 318 | "iconv-lite": "0.4.24", 319 | "unpipe": "1.0.0" 320 | } 321 | }, 322 | "safe-buffer": { 323 | "version": "5.1.2", 324 | "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", 325 | "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" 326 | }, 327 | "safer-buffer": { 328 | "version": "2.1.2", 329 | "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", 330 | "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" 331 | }, 332 | "send": { 333 | "version": "0.17.1", 334 | "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz", 335 | "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==", 336 | "requires": { 337 | "debug": "2.6.9", 338 | "depd": "~1.1.2", 339 | "destroy": "~1.0.4", 340 | "encodeurl": "~1.0.2", 341 | "escape-html": "~1.0.3", 342 | "etag": "~1.8.1", 343 | "fresh": "0.5.2", 344 | "http-errors": "~1.7.2", 345 | "mime": "1.6.0", 346 | "ms": "2.1.1", 347 | "on-finished": "~2.3.0", 348 | "range-parser": "~1.2.1", 349 | "statuses": "~1.5.0" 350 | }, 351 | "dependencies": { 352 | "ms": { 353 | "version": "2.1.1", 354 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", 355 | "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" 356 | } 357 | } 358 | }, 359 | "serve-static": { 360 | "version": "1.14.1", 361 | "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz", 362 | "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==", 363 | "requires": { 364 | "encodeurl": "~1.0.2", 365 | "escape-html": "~1.0.3", 366 | "parseurl": "~1.3.3", 367 | "send": "0.17.1" 368 | } 369 | }, 370 | "setprototypeof": { 371 | "version": "1.1.1", 372 | "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", 373 | "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==" 374 | }, 375 | "source-map": { 376 | "version": "0.6.1", 377 | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", 378 | "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" 379 | }, 380 | "statuses": { 381 | "version": "1.5.0", 382 | "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", 383 | "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=" 384 | }, 385 | "toidentifier": { 386 | "version": "1.0.0", 387 | "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", 388 | "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==" 389 | }, 390 | "type-is": { 391 | "version": "1.6.18", 392 | "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", 393 | "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", 394 | "requires": { 395 | "media-typer": "0.3.0", 396 | "mime-types": "~2.1.24" 397 | } 398 | }, 399 | "uglify-js": { 400 | "version": "3.11.2", 401 | "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.11.2.tgz", 402 | "integrity": "sha512-G440NU6fewtnQftSgqRV1r2A5ChKbU1gqFCJ7I8S7MPpY/eZZfLGefaY6gUZYiWebMaO+txgiQ1ZyLDuNWJulg==", 403 | "optional": true 404 | }, 405 | "unpipe": { 406 | "version": "1.0.0", 407 | "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", 408 | "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" 409 | }, 410 | "utils-merge": { 411 | "version": "1.0.1", 412 | "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", 413 | "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" 414 | }, 415 | "vary": { 416 | "version": "1.1.2", 417 | "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", 418 | "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" 419 | }, 420 | "walk": { 421 | "version": "2.3.14", 422 | "resolved": "https://registry.npmjs.org/walk/-/walk-2.3.14.tgz", 423 | "integrity": "sha512-5skcWAUmySj6hkBdH6B6+3ddMjVQYH5Qy9QGbPmN8kVmLteXk+yVXg+yfk1nbX30EYakahLrr8iPcCxJQSCBeg==", 424 | "requires": { 425 | "foreachasync": "^3.0.0" 426 | } 427 | }, 428 | "wordwrap": { 429 | "version": "1.0.0", 430 | "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz", 431 | "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=" 432 | } 433 | } 434 | } 435 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "weatherapp", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "thapa technical", 10 | "license": "ISC", 11 | "dependencies": { 12 | "express": "^4.17.1", 13 | "hbs": "^4.1.1" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /public/css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;900&display=swap"); 2 | @import url("https://fonts.googleapis.com/css2?family=Piazzolla:wght@200;300;400;900&display=swap"); 3 | 4 | * { 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | /* font-family: "Roboto", sans-serif; */ 9 | font-family: "Piazzolla", serif; 10 | } 11 | 12 | :root { 13 | --main-bg: #1e272e; 14 | --main-color: #0097e6; 15 | } 16 | 17 | html { 18 | height: 100%; 19 | font-size: 62.5%; 20 | } 21 | 22 | body { 23 | height: 100vh; 24 | display: flex; 25 | flex-direction: column; 26 | } 27 | 28 | .row { 29 | margin: 0; 30 | } 31 | 32 | /* navbar style */ 33 | 34 | .main_menu { 35 | background-color: var(--main-bg); 36 | } 37 | 38 | .navbar { 39 | color: #fff; 40 | background-color: var(--main-bg); 41 | padding: 2rem 0; 42 | } 43 | 44 | .navbar a { 45 | color: #fff; 46 | font-size: 1.8rem; 47 | } 48 | 49 | .navbar a:hover { 50 | color: var(--main-color); 51 | } 52 | 53 | .navbar li { 54 | margin-left: 2rem; 55 | } 56 | 57 | .navbar-toggler { 58 | background-color: #718093; 59 | } 60 | 61 | .fa-snowflake { 62 | transition: all linear; 63 | animation: rot 2s linear infinite; 64 | color: var(--main-color); 65 | } 66 | 67 | @keyframes rot { 68 | 0% { 69 | transform: rotate(0deg); 70 | } 71 | 100% { 72 | transform: rotate(360deg); 73 | } 74 | } 75 | 76 | /* main header part */ 77 | 78 | .main_header_left { 79 | height: 70rem; 80 | /* background-color: red; */ 81 | display: flex; 82 | flex-direction: column; 83 | justify-content: center; 84 | align-items: flex-start; 85 | } 86 | 87 | .main_header_left p { 88 | font-size: 2rem; 89 | } 90 | 91 | .main_header_left h1 { 92 | font-size: 4rem; 93 | margin: 1rem 0 4rem 0; 94 | text-transform: capitalize; 95 | } 96 | 97 | .txt_clr { 98 | color: var(--main-color); 99 | } 100 | 101 | .main_header_left button { 102 | border: none; 103 | padding: 0.8rem 1.8rem; 104 | font-size: 1.4rem; 105 | border-radius: 2rem; 106 | text-transform: uppercase; 107 | box-shadow: 0 8px 6px -6px black; 108 | outline: none; 109 | /* transition: all 0.2s linear; */ 110 | } 111 | 112 | .main_header_left button:hover { 113 | box-shadow: 0 8px 6px -6px var(--main-color); 114 | /* border: 1px solid var(--main-color); */ 115 | } 116 | 117 | .main_header_right { 118 | height: 70rem; 119 | /* background-color: red; */ 120 | display: flex; 121 | flex-direction: column; 122 | justify-content: center; 123 | align-items: center; 124 | } 125 | 126 | .main_header_right figure img { 127 | filter: drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.3)); 128 | } 129 | 130 | /* weather page style */ 131 | /* temp input fields style code */ 132 | 133 | .temp_form { 134 | width: 60%; 135 | position: relative; 136 | margin: 5rem auto; 137 | } 138 | 139 | .temp_form input[type="text"] { 140 | width: 100%; 141 | padding: 2rem 5rem 2rem 2rem; 142 | background: #1e202b; 143 | color: white; 144 | outline: none; 145 | border: none; 146 | font-size: 1.7rem; 147 | border-radius: 3rem; 148 | } 149 | 150 | ::placeholder { 151 | color: #bfc1c8; 152 | } 153 | 154 | .temp_form input[type="submit"] { 155 | position: absolute; 156 | top: 5px; 157 | right: 5px; 158 | bottom: 5px; 159 | border: none; 160 | background: #009ad8; 161 | padding: 0 3rem; 162 | border-radius: 3rem; 163 | color: white; 164 | font-size: 1.6rem; 165 | } 166 | 167 | .temp_form input[type="submit"]:hover { 168 | color: #009ad8; 169 | background-color: #fff; 170 | } 171 | 172 | /* temp detials show here */ 173 | 174 | .tempInformation { 175 | width: 40rem; 176 | margin: auto; 177 | min-height: 20rem; 178 | background-color: #323544; 179 | border-radius: 1rem; 180 | padding: 1rem; 181 | font-family: "Roboto", sans-serif; 182 | } 183 | 184 | .top_layer { 185 | width: 100%; 186 | height: 20%; 187 | background-color: #2d303d; 188 | display: flex; 189 | justify-content: space-between; 190 | align-items: center; 191 | border-radius: 1rem; 192 | padding: 2rem 0; 193 | } 194 | 195 | .top_layer p { 196 | color: #fff; 197 | font-weight: 300; 198 | } 199 | 200 | .main_layer { 201 | width: 100%; 202 | height: 80%; 203 | display: flex; 204 | flex-direction: column; 205 | } 206 | 207 | .main_layer #city_name { 208 | padding: 2rem 0; 209 | color: #bfc1c8; 210 | font-weight: 300; 211 | font-size: 2rem; 212 | } 213 | 214 | .main_layer .middle_layer { 215 | display: flex; 216 | justify-content: space-around; 217 | color: #fff; 218 | } 219 | 220 | .main_layer .middle_layer p, 221 | .main_layer .middle_layer .fa { 222 | font-size: 7rem; 223 | font-weight: 900; 224 | } 225 | 226 | .fa { 227 | color: #009ad8; 228 | } 229 | 230 | sup { 231 | font-size: 6rem; 232 | margin-top: -2rem; 233 | } 234 | 235 | .data_hide { 236 | visibility: hidden; 237 | transition: all 0.3s linear; 238 | } 239 | 240 | /* 404 error page */ 241 | 242 | .main_header_left .errimg img { 243 | width: 60rem; 244 | height: 30rem; 245 | } 246 | 247 | /* footer style */ 248 | 249 | footer { 250 | width: 100%; 251 | /* height: 5rem; */ 252 | background-color: var(--main-bg); 253 | margin-top: auto; 254 | } 255 | 256 | footer p { 257 | margin: 0; 258 | text-align: center; 259 | line-height: 5rem; 260 | color: #fff; 261 | font-size: 1.4rem; 262 | } 263 | 264 | /* responsive code */ 265 | 266 | @media (max-width: 768px) { 267 | .main_header_left { 268 | height: auto; 269 | margin: 5rem 0; 270 | } 271 | 272 | .main_header_right { 273 | height: auto; 274 | margin-top: 3rem; 275 | } 276 | 277 | .temp_form { 278 | width: auto; 279 | } 280 | .tempInformation { 281 | width: auto; 282 | } 283 | 284 | .main_layer .middle_layer p, 285 | .main_layer .middle_layer .fa { 286 | font-size: 5rem; 287 | font-weight: 900; 288 | } 289 | } 290 | -------------------------------------------------------------------------------- /public/images/404.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thapatechnical/webproject/2aa2629a4ba5856461d14b20837b467d9b45b214/public/images/404.png -------------------------------------------------------------------------------- /public/images/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thapatechnical/webproject/2aa2629a4ba5856461d14b20837b467d9b45b214/public/images/about.png -------------------------------------------------------------------------------- /public/images/bg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thapatechnical/webproject/2aa2629a4ba5856461d14b20837b467d9b45b214/public/images/bg1.png -------------------------------------------------------------------------------- /public/images/bg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thapatechnical/webproject/2aa2629a4ba5856461d14b20837b467d9b45b214/public/images/bg2.png -------------------------------------------------------------------------------- /public/images/bg3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thapatechnical/webproject/2aa2629a4ba5856461d14b20837b467d9b45b214/public/images/bg3.png -------------------------------------------------------------------------------- /public/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thapatechnical/webproject/2aa2629a4ba5856461d14b20837b467d9b45b214/public/images/logo.png -------------------------------------------------------------------------------- /public/js/main.js: -------------------------------------------------------------------------------- 1 | const cityName = document.getElementById('cityName'); 2 | const submitBtn = document.getElementById('submitBtn'); 3 | 4 | const city_name = document.getElementById('city_name'); 5 | const temp_real_val = document.getElementById('temp_real_val'); 6 | const temp_status = document.getElementById('temp_status'); 7 | const datahide = document.querySelector('.middle_layer'); 8 | 9 | const getInfo = async(event) => { 10 | event.preventDefault(); 11 | 12 | let cityVal = cityName.value; 13 | 14 | if(cityVal === ""){ 15 | city_name.innerText = `Plz write the name before search`; 16 | datahide.classList.add("data_hide"); 17 | }else{ 18 | 19 | try{ 20 | 21 | 22 | let url = `http://api.openweathermap.org/data/2.5/weather?q=${cityVal}&units=metric&appid=b14425a6554d189a2d7dc18a8e7d7263` 23 | const response = await fetch(url); 24 | 25 | const data = await response.json(); 26 | const arrData = [data]; 27 | 28 | city_name.innerText = `${arrData[0].name}, ${arrData[0].sys.country}`; 29 | temp_real_val.innerText = arrData[0].main.temp; 30 | const tempMood = arrData[0].weather[0].main; 31 | console.log(tempMood); 32 | 33 | //condition to check sunny or cloudy 34 | if (tempMood == "Clear") { 35 | temp_status.innerHTML = 36 | ""; 37 | } else if (tempMood == "Clouds") { 38 | temp_status.innerHTML = 39 | ""; 40 | } else if (tempMood == "Rain") { 41 | temp_status.innerHTML = 42 | ""; 43 | } else { 44 | temp_status.innerHTML = 45 | ""; 46 | 47 | } 48 | datahide.classList.remove('data_hide'); 49 | cityVal = ""; 50 | 51 | 52 | }catch{ 53 | cityVal = " "; 54 | datahide.classList.add("data_hide"); 55 | city_name.innerText = `please enter the proper city name`; 56 | console.log('please add the proper city name'); 57 | } 58 | 59 | } 60 | } 61 | 62 | submitBtn.addEventListener('click', getInfo); -------------------------------------------------------------------------------- /src/app.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const express = require('express'); 3 | const app = express(); 4 | const hbs = require('hbs'); 5 | const port = process.env.PORT || 8000; 6 | 7 | const static_path = path.join(__dirname, "../public"); 8 | const template_path = path.join(__dirname, "../templates/views"); 9 | const partials_path = path.join(__dirname, "../templates/partials"); 10 | 11 | app.set('view engine', 'hbs'); 12 | app.set("views", template_path); 13 | hbs.registerPartials(partials_path); 14 | 15 | // console.log(static_path); 16 | app.use(express.static(static_path)); 17 | 18 | app.get("", (req,res) =>{ 19 | res.render('index') 20 | }) 21 | 22 | app.get("/about", (req,res) =>{ 23 | res.render('about') 24 | }) 25 | 26 | 27 | app.get("/weather", (req,res) =>{ 28 | res.render('weather') 29 | }) 30 | 31 | 32 | app.get("*", (req,res) =>{ 33 | res.render('404page', { 34 | errorMsg : "Opps! page not found, Click Here to go back" 35 | }) 36 | }) 37 | 38 | 39 | app.listen(port, () => { 40 | console.log(`listening to the port no at ${port}`); 41 | }) -------------------------------------------------------------------------------- /templates/partials/headerLinks.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | weather 19 | 20 | -------------------------------------------------------------------------------- /templates/partials/navbar.hbs: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | 5 | 6 | 32 |
33 |
34 |
-------------------------------------------------------------------------------- /templates/views/404page.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{>headerLinks}} 6 | 7 | 8 | 9 | {{>navbar}} 10 | 11 | 12 |
13 | 14 |
15 |
16 |
17 |
18 | thapa 19 |
20 |

Welcome to Thapa Technical World

21 |

{{errorMsg}}

22 | 23 |
24 |
25 | 26 |
27 |
28 | 29 | 30 | 31 | 32 | 33 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /templates/views/about.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{>headerLinks}} 6 | 7 | 8 | 9 | {{>navbar}} 10 | 11 | 12 |
13 | 14 |
15 |
16 |
17 |
18 |
19 | thapa 20 |
21 | 22 |
23 | 24 |
25 |

Welcome to Thapa Technical World

26 |

I am a Mern Stack Developer, Youtuber and a freelancer

27 | 28 |
29 |
30 | 31 |
32 |
33 | 34 |
35 | 36 | 37 | 38 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /templates/views/index.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{>headerLinks}} 6 | 7 | 8 | 9 | {{>navbar}} 10 | 11 | 12 |
13 | 14 |
15 |
16 |
17 |
18 |

Welcome to weather app

19 |

Get the latest weather info of your city

20 | 21 |
22 | 23 |
24 | 47 |
48 |
49 | 50 |
51 |
52 | 53 |
54 | 55 | 56 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /templates/views/weather.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{>headerLinks}} 6 | 7 | 8 | 9 | {{>navbar}} 10 | 11 | 12 |
13 | 14 |
15 |
16 | 17 |
18 | 19 |
20 | 21 | 22 |
23 | 24 |

25 |
26 | 27 |
28 |
29 |

Tuesday

30 |

13 oct

31 |
32 |
33 |

Get output here

34 |
35 |

0oC

36 |

37 |
38 | 39 |
40 |
41 | 42 |
43 |
44 |
45 | 46 |
47 | 48 | 49 | 50 | 55 | 56 | 57 | 58 | 59 | --------------------------------------------------------------------------------