Feature/landing page - Githubissues

Implemented issue #2 : Landing page according to this bootstrap example

added Carousel component
added ImageBlock component (image on the left/right with text beside it)
added Feature component (rounded image at the top with heading, description and button below)
added footer component
added divider component
changed header color, added search bar, removed language switch

@larsrickert, I tried to look at your pull request by performing following steps:

clone repo

git clone https://github.com/philippabele/nursing-home-volunteer.git

install dependencies

npm install

npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!

core-js@2.6.12 postinstall C:\github\nursing-home-volunteer\node_modules\@nuxt\babel-preset-app\node_modules\core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

bootstrap-vue@2.21.2 postinstall C:\github\nursing-home-volunteer\node_modules\bootstrap-vue opencollective || exit 0
                   Thanks for installing bootstrap-vue 
             Please consider donating to our open collective
                    to help us maintain this package.

      Donate: https://opencollective.com/bootstrap-vue/donate
core-js@3.18.2 postinstall C:\github\nursing-home-volunteer\node_modules\core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js:

https://opencollective.com/core-js https://patreon.com/zloirock https://paypal.me/zloirock bitcoin: bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

nuxt@2.15.8 postinstall C:\github\nursing-home-volunteer\node_modules\nuxt opencollective || exit 0
                      Thanks for installing nuxtjs 
             Please consider donating to our open collective
                    to help us maintain this package.

         Donate: https://opencollective.com/nuxtjs/donate
nursing-home-volunteer@1.0.0 prepare C:\github\nursing-home-volunteer husky install

husky - Git hooks installed npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1594 packages from 770 contributors and audited 1600 packages in 63.487s

141 packages are looking for funding run npm fund for details

found 16 vulnerabilities (5 moderate, 11 high) run npm audit fix to fix them, or npm audit for details

run scripts

npm run dev

Executing task: npm run dev <

nursing-home-volunteer@1.0.0 dev C:\github\nursing-home-volunteer nuxt

FATAL Package subpath './dist/vue-composition-api.esm.js' is not defined by "exports" in C:\github\nursing-home-volunteer\node_modules\@vue\composition-api\package.json 17:04:58

at applyExports (internal/modules/cjs/loader.js:491:9) at resolveExports (internal/modules/cjs/loader.js:507:23) at Function.Module._findPath (internal/modules/cjs/loader.js:635:31) at Function.Module._resolveFilename (internal/modules/cjs/loader.js:953:27) at Function.resolve (internal/modules/cjs/helpers.js:78:19) at Function.p [as resolve] (node_modules\jiti\dist\jiti.js:1:52891) at Resolver.resolveModule (node_modules\@nuxt\core\dist\core.js:263:28) at ModuleContainer.compositionApiModule2 (node_modules\@nuxtjs\composition-api\dist\module\index.js:152:22) at ModuleContainer.addModule (node_modules\@nuxt\core\dist\core.js:239:34) at node_modules\@nuxt\utils\dist\utils.js:639:43

╭───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮ │ │ │ ✖ Nuxt Fatal Error │ │ │ │ Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './dist/vue-composition-api.esm.js' is not defined by "exports" in │ │ C:\github\nursing-home-volunteer\node_modules\@vue\composition-api\package.json │ │ │ ╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! nursing-home-volunteer@1.0.0 dev: nuxt npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the nursing-home-volunteer@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\phil\AppData\Roaming\npm-cache_logs\2021-10-11T15_04_58_279Z-debug.log The terminal process "C:\Windows\System32\cmd.exe /d /c npm run dev" terminated with exit code: 1.

Terminal will be reused by tasks, press any key to close it.

May you help me to get your branch running ?

@larsrickert, I tried to look at your pull request by performing following steps:

clone repo

git clone https://github.com/philippabele/nursing-home-volunteer.git

install dependencies

npm install
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!

core-js@2.6.12 postinstall C:\github\nursing-home-volunteer\node_modules@nuxt\babel-preset-app\node_modules\core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

bootstrap-vue@2.21.2 postinstall C:\github\nursing-home-volunteer\node_modules\bootstrap-vue opencollective || exit 0
                   Thanks for installing bootstrap-vue 
             Please consider donating to our open collective
                    to help us maintain this package.

      Donate: https://opencollective.com/bootstrap-vue/donate
core-js@3.18.2 postinstall C:\github\nursing-home-volunteer\node_modules\core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js:

https://opencollective.com/core-js https://patreon.com/zloirock https://paypal.me/zloirock bitcoin: bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

nuxt@2.15.8 postinstall C:\github\nursing-home-volunteer\node_modules\nuxt opencollective || exit 0
                      Thanks for installing nuxtjs 
             Please consider donating to our open collective
                    to help us maintain this package.

         Donate: https://opencollective.com/nuxtjs/donate
nursing-home-volunteer@1.0.0 prepare C:\github\nursing-home-volunteer husky install

husky - Git hooks installed npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 1594 packages from 770 contributors and audited 1600 packages in 63.487s 141 packages are looking for funding run npm fund for details found 16 vulnerabilities (5 moderate, 11 high) run npm audit fix to fix them, or npm audit for details
run scripts

npm run dev

Executing task: npm run dev <

nursing-home-volunteer@1.0.0 dev C:\github\nursing-home-volunteer nuxt

FATAL Package subpath './dist/vue-composition-api.esm.js' is not defined by "exports" in C:\github\nursing-home-volunteer\node_modules@vue\composition-api\package.json 17:04:58 at applyExports (internal/modules/cjs/loader.js:491:9) at resolveExports (internal/modules/cjs/loader.js:507:23) at Function.Module._findPath (internal/modules/cjs/loader.js:635:31) at Function.Module._resolveFilename (internal/modules/cjs/loader.js:953:27) at Function.resolve (internal/modules/cjs/helpers.js:78:19) at Function.p [as resolve] (node_modules\jiti\dist\jiti.js:1:52891) at Resolver.resolveModule (node_modules@nuxt\core\dist\core.js:263:28) at ModuleContainer.compositionApiModule2 (node_modules@nuxtjs\composition-api\dist\module\index.js:152:22) at ModuleContainer.addModule (node_modules@nuxt\core\dist\core.js:239:34) at node_modules@nuxt\utils\dist\utils.js:639:43 ╭───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮ │ │ │ ✖ Nuxt Fatal Error │ │ │ │ Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './dist/vue-composition-api.esm.js' is not defined by "exports" in │ │ C:\github\nursing-home-volunteer\node_modules@vue\composition-api\package.json │ │ │ ╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯ npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! nursing-home-volunteer@1.0.0 dev: nuxt npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the nursing-home-volunteer@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\phil\AppData\Roaming\npm-cache_logs\2021-10-11T15_04_58_279Z-debug.log The terminal process "C:\Windows\System32\cmd.exe /d /c npm run dev" terminated with exit code: 1. Terminal will be reused by tasks, press any key to close it.

May you help me to get your branch running ?

Which node version do you have installed on your machine? For me its 16.5.0. Can you try to delete the package-lock.json and run "npm install" again?

My current version is

npm version

{ 'nursing-home-volunteer': '1.0.0', npm: '6.14.4', ares: '1.16.0', brotli: '1.0.7', cldr: '37.0', http_parser: '2.9.3', icu: '67.1', llhttp: '2.0.4', modules: '72', napi: '6', nghttp2: '1.41.0', node: '12.18.0', openssl: '1.1.1g', tz: '2019c', unicode: '13.0', uv: '1.37.0', v8: '7.8.279.23-node.37', zlib: '1.2.11' }

I deleted the package-lock.json and run npm install again

same error. Here is the error log

0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli 'C:\Program Files (x86)\nodejs\node.exe', 1 verbose cli 'C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'dev' 1 verbose cli ] 2 info using npm@6.14.4 3 info using node@v12.18.0 4 verbose run-script [ 'predev', 'dev', 'postdev' ] 5 info lifecycle nursing-home-volunteer@1.0.0~predev: nursing-home-volunteer@1.0.0 6 info lifecycle nursing-home-volunteer@1.0.0~dev: nursing-home-volunteer@1.0.0 7 verbose lifecycle nursing-home-volunteer@1.0.0~dev: unsafe-perm in lifecycle true 8 verbose lifecycle nursing-home-volunteer@1.0.0~dev: PATH: C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\github\nursing-home-volunteer\node_modules.bin;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\WINDOWS\system32;C:\Ruby26-x64\bin;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files (x86)\Webex\Webex\Applications;C:\Program Files\dotnet\;C:\Program Files (x86)\Enterprise Vault\EVClient\;C:\Program Files (x86)\nodejs\;C:\ProgramData\chocolatey\bin;C:\Program Files\Intel\WiFi\bin\;C:\Program Files\Common Files\Intel\WirelessCommon\;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Webex\Plugins;C:\Program Files\Git\cmd;c:\Program Files\Java\jre1.8.0_271\bin;c:\hadoop\bin;c:\spark\bin;C:\Program Files (x86)\sbt\bin;C:\java\bin;C:\java\jre\bin;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Users\phil\AppData\Local\Coursier\data\bin;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;;C:\Program Files\Kubernetes\Minikube;C:\Program Files (x86)\Sennheiser\SenncomSDK\;C:\Program Files\Docker\Docker\resources\bin;C:\ProgramData\DockerDesktop\version-bin;C:\Users\phil.pyenv\pyenv-win\bin;C:\Users\phil.pyenv\pyenv-win\shims;C:\Users\phil.pyenv\pyenv-win\bin;C:\Users\phil.pyenv\pyenv-win\shims;C:\Windows\system32;C:\Users\phil\AppData\Local\Microsoft\WindowsApps;C:\Oracle\11.2.0\client_x64;C:\Users\phil\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\phil\AppData\Roaming\npm;C:\java\bin;C:\spark\spark-3.0.1-bin-hadoop2.7\bin;c:\hadoop\bin;C:\Java\bin;C:\Exercism;C:\coursier;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Users\phil\AppData\Local\Coursier\data\bin;C:\Program Files (x86)\scala;C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2020.3\bin;C:\Users\phil\AppData\Local\Microsoft\WindowsApps;C:\Users\phil.local\bin;C:\Users\phil.dotnet\tools 9 verbose lifecycle nursing-home-volunteer@1.0.0~dev: CWD: C:\github\nursing-home-volunteer 10 silly lifecycle nursing-home-volunteer@1.0.0~dev: Args: [ '/d /s /c', 'nuxt' ] 11 silly lifecycle nursing-home-volunteer@1.0.0~dev: Returned: code: 1 signal: null 12 info lifecycle nursing-home-volunteer@1.0.0~dev: Failed to exec dev script 13 verbose stack Error: nursing-home-volunteer@1.0.0 dev: nuxt 13 verbose stack Exit status 1 13 verbose stack at EventEmitter. (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16) 13 verbose stack at EventEmitter.emit (events.js:315:20) 13 verbose stack at ChildProcess. (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:315:20) 13 verbose stack at maybeClose (internal/child_process.js:1021:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5) 14 verbose pkgid nursing-home-volunteer@1.0.0 15 verbose cwd C:\github\nursing-home-volunteer 16 verbose Windows_NT 10.0.18363 17 verbose argv "C:\Program Files (x86)\nodejs\node.exe" "C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev" 18 verbose node v12.18.0 19 verbose npm v6.14.4 20 error code ELIFECYCLE 21 error errno 1 22 error nursing-home-volunteer@1.0.0 dev: nuxt 22 error Exit status 1 23 error Failed at the nursing-home-volunteer@1.0.0 dev script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]

My current version is

npm version

{ 'nursing-home-volunteer': '1.0.0', npm: '6.14.4', ares: '1.16.0', brotli: '1.0.7', cldr: '37.0', http_parser: '2.9.3', icu: '67.1', llhttp: '2.0.4', modules: '72', napi: '6', nghttp2: '1.41.0', node: '12.18.0', openssl: '1.1.1g', tz: '2019c', unicode: '13.0', uv: '1.37.0', v8: '7.8.279.23-node.37', zlib: '1.2.11' }

I deleted the package-lock.json and run npm install again

same error. Here is the error log

0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli 'C:\Program Files (x86)\nodejs\node.exe', 1 verbose cli 'C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'dev' 1 verbose cli ] 2 info using npm@6.14.4 3 info using node@v12.18.0 4 verbose run-script [ 'predev', 'dev', 'postdev' ] 5 info lifecycle nursing-home-volunteer@1.0.0~predev: nursing-home-volunteer@1.0.0 6 info lifecycle nursing-home-volunteer@1.0.0~dev: nursing-home-volunteer@1.0.0 7 verbose lifecycle nursing-home-volunteer@1.0.0~dev: unsafe-perm in lifecycle true 8 verbose lifecycle nursing-home-volunteer@1.0.0~dev: PATH: C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\github\nursing-home-volunteer\node_modules.bin;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\WINDOWS\system32;C:\Ruby26-x64\bin;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files (x86)\Webex\Webex\Applications;C:\Program Files\dotnet;C:\Program Files (x86)\Enterprise Vault\EVClient;C:\Program Files (x86)\nodejs;C:\ProgramData\chocolatey\bin;C:\Program Files\Intel\WiFi\bin;C:\Program Files\Common Files\Intel\WirelessCommon;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Webex\Plugins;C:\Program Files\Git\cmd;c:\Program Files\Java\jre1.8.0_271\bin;c:\hadoop\bin;c:\spark\bin;C:\Program Files (x86)\sbt\bin;C:\java\bin;C:\java\jre\bin;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Users\phil\AppData\Local\Coursier\data\bin;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0;C:\WINDOWS\System32\OpenSSH;;C:\Program Files\Kubernetes\Minikube;C:\Program Files (x86)\Sennheiser\SenncomSDK;C:\Program Files\Docker\Docker\resources\bin;C:\ProgramData\DockerDesktop\version-bin;C:\Users\phil.pyenv\pyenv-win\bin;C:\Users\phil.pyenv\pyenv-win\shims;C:\Users\phil.pyenv\pyenv-win\bin;C:\Users\phil.pyenv\pyenv-win\shims;C:\Windows\system32;C:\Users\phil\AppData\Local\Microsoft\WindowsApps;C:\Oracle\11.2.0\client_x64;C:\Users\phil\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\phil\AppData\Roaming\npm;C:\java\bin;C:\spark\spark-3.0.1-bin-hadoop2.7\bin;c:\hadoop\bin;C:\Java\bin;C:\Exercism;C:\coursier;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Users\phil\AppData\Local\Coursier\data\bin;C:\Program Files (x86)\scala;C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2020.3\bin;C:\Users\phil\AppData\Local\Microsoft\WindowsApps;C:\Users\phil.local\bin;C:\Users\phil.dotnet\tools 9 verbose lifecycle nursing-home-volunteer@1.0.0~dev: CWD: C:\github\nursing-home-volunteer 10 silly lifecycle nursing-home-volunteer@1.0.0~dev: Args: [ '/d /s /c', 'nuxt' ] 11 silly lifecycle nursing-home-volunteer@1.0.0~dev: Returned: code: 1 signal: null 12 info lifecycle nursing-home-volunteer@1.0.0~dev: Failed to exec dev script 13 verbose stack Error: nursing-home-volunteer@1.0.0 dev: nuxt 13 verbose stack Exit status 1 13 verbose stack at EventEmitter. (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16) 13 verbose stack at EventEmitter.emit (events.js:315:20) 13 verbose stack at ChildProcess. (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:315:20) 13 verbose stack at maybeClose (internal/child_process.js:1021:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5) 14 verbose pkgid nursing-home-volunteer@1.0.0 15 verbose cwd C:\github\nursing-home-volunteer 16 verbose Windows_NT 10.0.18363 17 verbose argv "C:\Program Files (x86)\nodejs\node.exe" "C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev" 18 verbose node v12.18.0 19 verbose npm v6.14.4 20 error code ELIFECYCLE 21 error errno 1 22 error nursing-home-volunteer@1.0.0 dev: nuxt 22 error Exit status 1 23 error Failed at the nursing-home-volunteer@1.0.0 dev script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]

Okay so the node/npm should be fine. I tried it on another machine and it worked as well. Can you check if some other application is running on port 3000? If so please quit the other application or change the nuxt port in the nuxt.config.js by adding:

 server: {
    port: 8000 // default: 3000
  }

I fixed the issue by deinstalling the current node version '12.18.0' and installing the latest node version '16.11.1'

philippabele / nursing-home-volunteer

Feature/landing page #3