Capstone2: Movie-website

.babelrc

@@ -0,0 +1,7 @@
+{
+  "env": {
+    "test": {
+      "plugins": ["@babel/plugin-transform-modules-commonjs"]
+    }
+  }
+}

.eslintignore

@@ -0,0 +1,2 @@
+dist/
+coverage/

.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest": true
+  },
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "extends": ["airbnb-base"],
+  "rules": {
+    "no-return-assign":"off",
+    "no-shadow": "off",
+    "no-param-reassign": "off",
+    "eol-last": "off",
+    "import/extensions": [ 1, {
+      "js": "always", "json": "always"
+    }]
+  },
+  "ignorePatterns": [
+    "dist/",
+    "build/"
+  ]
+}

.github/workflows/linters.yml

@@ -0,0 +1,64 @@
+name: Linters
+
+on: pull_request
+
+env:
+  FORCE_COLOR: 1
+
+jobs:
+  lighthouse:
+    name: Lighthouse
+    runs-on: ubuntu-18.04
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - name: Setup Lighthouse
+        run: |
+          npm install --save-dev hint@6.x
+          [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.hintrc
+      - name: Lighthouse Report
+        run: npx hint .
+  webhint:
+    name: Webhint
+    runs-on: ubuntu-18.04
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - name: Setup Webhint
+        run: |
+          npm install --save-dev hint@6.x
+          [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.hintrc
+      - name: Webhint Report
+        run: npx hint .
+  stylelint:
+    name: Stylelint
+    runs-on: ubuntu-18.04
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - name: Setup Stylelint
+        run: |
+          npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
+          [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.stylelintrc.json
+      - name: Stylelint Report
+        run: npx stylelint "**/*.{css,scss}"
+  eslint:
+    name: ESLint
+    runs-on: ubuntu-18.04
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - name: Setup ESLint
+        run: |
+          npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
+          [ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.eslintrc.json
+      - name: ESLint Report
+        run: npx eslint .

.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+.DS_Store
+.vscode

.hintrc

@@ -0,0 +1,18 @@
+{
+  "connector": {
+    "name": "local",
+    "options": {
+      "pattern": ["**", "!.git/**", "!node_modules/**", "!coverage/**"]
+    }
+  },
+  "extends": ["development"],
+  "formatters": ["stylish"],
+  "hints": [
+    "button-type",
+    "disown-opener",
+    "html-checker",
+    "meta-charset-utf-8",
+    "meta-viewport",
+    "no-inline-styles:error"
+  ]
+}

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "tabWidth": 2
+}

.stylelintrc.json

@@ -0,0 +1,20 @@
+{
+  "extends": ["stylelint-config-standard"],
+  "plugins": ["stylelint-scss", "stylelint-csstree-validator"],
+  "rules": {
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
+      }
+    ],
+    "scss/at-rule-no-unknown":  [
+      true,
+      {
+        "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
+      }
+    ],
+    "csstree/validator": true
+  },
+  "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css", "**/*.js", "**/*.jsx", "coverage/**"]
+}

README.md

@@ -1 +1,104 @@
-# kanban-board
+
+
+![](https://img.shields.io/badge/Microverse-blueviolet)
+
+# Movie-website
+
+## Description
+   | Desktop Version                                           |
+| --------------------------------------------------------- |
+| ![Screenshot from 2022-05-21 08-24-45](https://user-images.githubusercontent.com/97834160/169639118-c87604e7-725b-4d11-a69a-d9cd30c719ea.png) |
+
+> "Movie-website" is a website which display movies from TVmaze api allowing users to like and comment. It keeps record of the users actions by counting likes and comments, saving them to an external server. We are building this website with Javascript (ES6) and Webpack, using promises and async awaits and multiple apis.
+
+### Built With
+
+- Javascript
+- HTML and CSS
+- WEBPACK
+- NPM
+- VS CODE
+
+
+### Getting Started
+
+You can have a copy of this repo run on your local machine by just directly cloning it.
+
+### Live Demo
+
+<!-- Click [here](https://gedeonts.github.io/......./)! -->
+Coming Soon! 🔥
+
+### Prerequisites
+
+- Node.js
+- npm
+- vscode(or else)
+
+To get the output of our project make sure you have google Chrome, Mozila or any other browser installed.
+
+## Install 
+
+> In order to install this project please go through the following steps:
+
+1. - [ ] Open the `Terminal`
+2. - [ ] Navigate to the directory where you want to add this repository
+3. - [ ] Run `git clone https://github.com/GedeonTS/Leaderboard.git`
+4. - [ ] Run `npm install` to install the necessary modules
+5. - [ ] Run `npm start`
+
+
+### Run the following commands to run linter tests
+
+WebHint
+```bash
+$ npx hint .
+```
+
+StyleLint
+```bash
+$ npx stylelint "**/*.{css,scss}"
+```
+
+ESLint
+```bash
+$ npx eslint .
+```
+
+### Usage
+
+> Open the index.html file with your code editor of your choice and/or a browser of your choice.
+```bash
+Open the project using a live saver extension that can be found into your code editor.
+```
+
+## Authors
+
+👤 **GedeonTS**
+
+- GitHub: [@GedeonTS](https://github.com/GedeonTS)
+- Twitter: [@Gedeon191](https://twitter.com/Gedeon191)
+- LinkedIn: [Ushindi Gedeon](https://linkedin.com/in/ushindi-gedeon-73032a228)
+
+
+👤 **Lembani Sakala**
+
+- GitHub: [@lembani](https://github.com/lembani)
+- Twitter: [@lembani_](https://twitter.com/lembani_)
+- LinkedIn: [lembani-sakala-b58615109](https://linkedin.com/in/lembani-sakala-b58615109)
+
+
+
+## Show your support
+
+Give a ⭐️ if you like this project!
+
+## Acknowledgments
+
+- Hat tip to anyone who helped us.
+
+## 📝 License
+
+This project is [MIT](./MIT.md) licensed.
+
+

__mocks__/commentsCount.js

@@ -0,0 +1,9 @@
+const comments = (commentList) => {
+  let counter;
+  commentList.forEach((comment, index) => {
+    counter = index + 1;
+  });
+  return counter;
+};
+
+export default comments;

__mocks__/moviesNumber.js

@@ -0,0 +1,9 @@
+const movies = (arr) => {
+  let length;
+  arr.forEach((element, i) => {
+    length = i + 1;
+  });
+  return length;
+};
+
+export default movies;