List structure

.eslintrc.json

@@ -0,0 +1,31 @@
+{
+    "env": {
+        "browser": true,
+        "es6": true,
+        "jest": true
+    },
+    "parser": "babel-eslint",
+    "parserOptions": {
+        "ecmaVersion": 2018,
+        "sourceType": "module"
+    },
+    "extends": [
+        "airbnb-base"
+    ],
+    "rules": {
+        "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,62 @@
+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 -g @lhci/cli@0.7.x
+      - name: Lighthouse Report
+        run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=.
+  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 @@
+node_modules

.hintrc

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

.stylelintrc.json

@@ -0,0 +1,22 @@
+{
+    "extends": [
+        "stylelint-config-standard"
+    ],
+    "plugins": [
+        "stylelint-scss",
+        "stylelint-csstree-validator"
+    ],
+    "rules": {
+        "at-rule-no-unknown": null,
+        "scss/at-rule-no-unknown": true,
+        "csstree/validator": true
+    },
+    "ignoreFiles": [
+        "build/**",
+        "dist/**",
+        "**/reset*.css",
+        "**/bootstrap*.css",
+        "**/*.js",
+        "**/*.jsx"
+    ]
+}

README.md

@@ -1,2 +1,59 @@
+![](https://img.shields.io/badge/Microverse-blueviolet)
+
 # To_DO_List
 This the minimal to do list done using JavaScript, html and CSS
+
+> In this project, we built a basic to do list website: plain JavaScript with objects, that allows users to add/remove tasks from a list.
+
+![screenshot](./Capture.PNG)
+
+This to do list task 1 was done using Javascript, Html and Css by implementing webpack functionalities.
+
+## Built With
+
+- JavaScript (ES6)
+- HTML and CSS
+- Webpack
+
+## Instructions on setting up your project locally
+
+To get a local copy follow these simple example steps.
+
+1.- Clone the repository using this command:
+    git clone [this link](https://github.com/Micky373/To_DO_List.git) 
+
+2.- Then you can open the index.html file in the dist folder to see the demo
+
+3.- To see the code open the project in your code editor of your preference.
+
+## Live Demo 
+
+[Click here to see the To do list App](https://micky373.github.io/To_DO_List/dist/) 
+
+## Author
+
+👤 **Michael Tamirie**
+
+- GitHub: [@MichaelTamirie](https://github.com/Micky373)
+- LinkedIn: [Michael_Tamirie](https://www.linkedin.com/in/michael-tamirie-288a331ab)
+
+## 🤝 Contributing
+
+Contributions, issues, and feature requests are welcome!
+
+Feel free to check the [issues page](https://github.com/Micky373/To_DO_List/issues).
+
+## Show your support
+
+Give a ⭐️ if you like this project!
+
+## Acknowledgments
+
+- Hat tip to anyone whose code was used
+- Inspiration
+- etc
+
+## 📝 License
+
+This project is [MIT](./MIT.md) licensed.
+