Sample grid by Paulina Borowiecka

.eslintrc.json

@@ -0,0 +1,39 @@
+{
+  "extends": [
+    "airbnb-typescript",
+    "airbnb/hooks",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:jest/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "plugins": ["react", "@typescript-eslint", "jest", "import"],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest": true
+  },
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "sourceType": "module",
+    "project": "./tsconfig.json"
+  },
+  "rules": {
+    "linebreak-style": "off",
+    "quotes": [2, "single"],
+    "prettier/prettier": [
+      "error",
+      {
+        "endOfLine": "auto",
+        "singleQuote": true
+      }
+    ]
+  }
+}

.gitignore

@@ -0,0 +1,29 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+
+#es lint
+.eslintcache
+.eslint-release-info.json
+.temp-eslintcache

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+    "semi": false,
+    "singleQuote": true,
+    "jsxSingleQuote": true,
+    "trailingComma": "none",
+    "endOfLine": "auto"
+  }
+

README.md

@@ -1,18 +1,18 @@
-Fork this project and send back a pull request.
+### Coding Task
 
-1. Display these products https://www.unisport.dk/api/products/batch/?list=179249,179838,174351,180011,180020,178429 in a responsive grid, it has to fit on to mobile and desktop. How much information you show pr product is up to you
-2. Sort the products based on discount, lowest discount at the top
-3. All prices should be formated in DKK currency
+- Simple **React App** which displays products from API in a **responsive grid** for mobile and desktop where products are sorted by lowest discount
+- App is using **Typescript**
+- To make sure that code is **consistent** and to avoid bugs app uses: Eslint, Prettier, and Airbnb style guide
 
-### What we look for?
+### Installation
 
-When we review your pull request we look at how the code has been structured and which libraries you decide to use. There is no right or wrong when it comes to choice in CSS or JavaScript frameworks or libraries
+You can clone the repo and run command:
 
-#### How to fork
+`$ npm install` from the project root folder
 
-https://help.github.com/articles/fork-a-repo/ 
+If the project will not run automatically you can go to:
+http://localhost:3000/
 
-#### How to do a pull-request
-
-https://help.github.com/articles/using-pull-requests/
+**Table of Contents**
 
+[TOC]

README.old.md

@@ -0,0 +1,18 @@
+Fork this project and send back a pull request.
+
+1. Display these products https://www.unisport.dk/api/products/batch/?list=179249,179838,174351,180011,180020,178429 in a responsive grid, it has to fit on to mobile and desktop. How much information you show pr product is up to you
+2. Sort the products based on discount, lowest discount at the top
+3. All prices should be formated in DKK currency
+
+### What we look for?
+
+When we review your pull request we look at how the code has been structured and which libraries you decide to use. There is no right or wrong when it comes to choice in CSS or JavaScript frameworks or libraries
+
+#### How to fork
+
+https://help.github.com/articles/fork-a-repo/ 
+
+#### How to do a pull-request
+
+https://help.github.com/articles/using-pull-requests/
+