Feedback & Code Review od Mentora Zespołu (Szymon Pakuła)

.eslintrc

@@ -0,0 +1,29 @@
+{
+  "extends": ["eslint:recommended", "airbnb-base", "plugin:prettier/recommended"],
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true,
+    "jest": true
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+
+  "rules": {
+    "import/prefer-default-export": 0,
+    "no-restricted-syntax": "off",
+    "no-param-reassign": [2, { "props": false }],
+    "prettier/prettier": [
+      "error",
+      {
+        "endOfLine": "auto"
+      }
+    ],
+    "no-use-before-define": "off",
+    "no-plusplus": "off",
+    "import/no-cycle": "off",
+    "no-underscore-dangle": 0
+  }
+}

.github/ISSUE_TEMPLATE/bug.md

@@ -0,0 +1,30 @@
+---
+name: Bug
+about: Defect
+title: ''
+labels: 'type: bug'
+assignees: ''
+---
+
+**Description**
+
+
+**Steps to reproduce**
+1. Go to '...'
+2. Click '....'
+3. Scroll down to '....'
+4. Note that <something happens> 
+
+**Desired functionality**
+
+**Screenshots**
+
+**Technical Info(optional):**
+ - Type: [e.g. Desktop, Telefon, Tablet]
+ - Screen resolution: [e.g. 1200x750 px]
+ - OS: [e.g. iOS, Android, Windows 10]
+ - Browser: [e.g. chrome, safari]
+ - App version [e.g. 0.2.1]
+
+**Additional informations**
+Everything that may be helpful to fix defect.

.github/ISSUE_TEMPLATE/development-task.md

@@ -0,0 +1,16 @@
+---
+name: Development Task
+about: Feature
+title: As <who?>, I want to <do what?>.
+labels: 'type: development task'
+assignees: ''
+
+---
+
+### Acceptance criteria
+**Verify, consult and update before starting.**
+
+- [ ] //TODO1
+- [ ] //TODO2
+
+### Additional notes

.github/ISSUE_TEMPLATE/project-ui-ux.md

@@ -0,0 +1,15 @@
+---
+name: Project UI/UX
+about: 'UI/UX task'
+title: ''
+labels: 'UI/UX Design'
+assignees: ''
+---
+
+**Miro/Figma Link**
+
+Link to the project
+
+
+
+**Mark User Story connected to this issue**

.github/workflows/node.js.yml

@@ -0,0 +1,48 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+on:
+  push:
+    paths-ignore:
+      - '**/*.md'
+
+jobs:
+  build:
+    name: 'Build application'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: 16.x
+      - run: npm ci
+      - run: npm run build --if-present
+      - uses: actions/upload-artifact@v1
+        name: Upload build as artifact
+        if: always()
+        with:
+          name: app-dist
+          path: ./dist
+  deploy-on-github-pages:
+    name: 'Deploy app to GitHub Pages from develop branch source code'
+    if: github.ref == 'refs/heads/develop'
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/download-artifact@v2
+        with:
+          name: app-dist
+          path: ./dist
+      - name: Deploy app as GitHub Pages
+        uses: peaceiris/[email protected]
+        if: ${{ github.event_name != 'pull_request' && always() }}
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: './dist'
+          user_name: 'github-actions[bot]'
+          user_email: 'github-actions[bot]@users.noreply.github.com'
+          force_orphan: true
+          keep_files: false

.gitignore

@@ -0,0 +1,41 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Dependencies
+node_modules
+yarn.lock
+
+# Tests
+coverage
+
+# Production
+dist
+dist-ssr
+
+# npm
+.npm
+
+# ESLint
+.eslintcache
+
+# Env files
+.env
+
+# OS
+.DS_Store
+*.pem
+*.local
+
+# Yarn
+.yarn
+.pnp.*
+src/score/user-score.html

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm test
+npm run pre-commit

.npmrc

@@ -0,0 +1,2 @@
+engine-strict=true
+save-exact=true

.nvmrc

@@ -0,0 +1 @@
+v16.5.0

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": true,
+  "endOfLine": "auto"
+}

.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "codezombiech.gitignore",
+    "coenraads.bracket-pair-colorizer-2",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "mgmcdermott.vscode-language-babel",
+    "naumovs.color-highlight"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,20 @@
+{
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "editor.rulers": [120],
+  "search.exclude": {
+    "**/dist": true,
+    "package-lock.json": true
+  },
+  "[html]": {
+    "editor.defaultFormatter": "vscode.html-language-features"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

README.md

@@ -1 +1,29 @@
-# CodersCamp2021.Project.JavaScript
+# CodersCamp2021.Project.JavaScript
+
+First project of CodersCamp2021. Basics of Web Development.
+
+
+
+## How to run app on your local device?
+
+Prerequisites
+Node.js >=16 (https://nodejs.org/en/)
+
+1. Clone repository using `git clone {URL}` in the console
+2. In the working directory issue `npm install` in the terminal
+3. Start development server with: `npm run dev` in the terminal
+
+By default server should be running here: localhost:3000
+
+To stop local press `Ctrl+C`
+
+**Credits**
+
+Graphics Designed by:
+* karacis studio from <a href="https://lovepik.com/image-450013302/cute-koala-cartoon-vector.html">LovePik.com</a>
+* Damian Orellana from <a href="https://dribbble.com/damianthebear">dribbble.com/damianthebear</a>
+
+Photos by:
+* <a href="https://unsplash.com/@ralu_gal?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Ralu Gal</a> on <a href="https://unsplash.com/s/photos/dog?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
+* <a href="https://unsplash.com/@alvannee?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Alvan Nee</a> on <a href="https://unsplash.com/s/photos/cat?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
+* <a href="https://unsplash.com/@yazoone?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">yaz00ne alani</a> on <a href="https://unsplash.com/s/photos/parrot?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>

babel.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current',
+        },
+      },
+    ],
+  ],
+};

index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>CC2021.JavaScript</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="./src/main.js"></script>
+</body>
+
+</html>

jest.config.js

@@ -0,0 +1,17 @@
+// Sync object
+/** @type {import('@jest/types').Config.InitialOptions} */
+
+const config = {
+  verbose: true,
+  collectCoverage: true,
+  coverageThreshold: {
+    global: {
+      branches: 0,
+      functions: 0,
+      lines: 0,
+      statements: 0,
+    },
+  },
+};
+
+module.exports = config;