Feature/notification reworked design

.browserslistrc

@@ -0,0 +1 @@
+extends @wordpress/browserslist-config

.editorconfig

@@ -0,0 +1,28 @@
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+
+# WordPress Coding Standards
+# https://make.wordpress.org/core/handbook/coding-standards/
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+tab_width = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.php]
+indent_style = tab
+
+[*.txt]
+trim_trailing_whitespace = false
+
+[*.{md,json,yml}]
+trim_trailing_whitespace = false
+
+[*.json]
+indent_style = tab

.eslintrc.js

@@ -0,0 +1,33 @@
+/**
+ * Set WordPress presets
+ */
+
+const eslintConfig = {
+  extends: ["plugin:@wordpress/eslint-plugin/recommended"],
+  globals: {
+    jQuery: true,
+    $: true,
+  },
+  rules: {
+    "padding-line-between-statements": [
+      "error",
+      {
+        blankLine: "always",
+        next: ["function", "const", "let", "var"],
+        prev: "return",
+      },
+    ],
+    "max-len": ["error", { code: 160, tabWidth: 12 }],
+    "prettier/prettier": ["error", { endOfLine: "auto" }],
+  },
+};
+
+eslintConfig.parserOptions = {
+  ecmaVersion: 6,
+  env: { es6: true },
+  babelOptions: {
+    presets: [require.resolve("@wordpress/babel-preset-default")],
+  },
+};
+
+module.exports = eslintConfig;

.gitignore

@@ -1 +1,11 @@
-.DS_Store
+# ignore node dependency directories
+node_modules/
+vendor/
+
+#ide settings
+.idea/
+
+# ignore log files and databases
+*.log
+*.sql
+*.sqlite

README.md

@@ -3,3 +3,24 @@
 A feature plugin for WordPress, which aims to create a new (better) way to manage and deliver notifications to the relevant audience.
 
 To get started, please take a look at our [project wiki](https://github.com/WordPress/wp-notify/wiki)
+
+## Useful commands
+
+In order to run the following commands, you need to have [Node.js](https://nodejs.org) (including `npm`)
+
+* `npm i`: Installs local development dependencies.
+* `npm serve`: Serve bundle at http://localhost:8887
+* `npm start`: Watch scripts and styles or Serve @ http://localhost:8887
+* `npm start:user-js`: Watch scripts
+* `npm start:user-css`: Watch styles
+* `npm build`: Build preview
+
+### Structure
+* includes/ui/notification-hub/assets - The work folder
+  * assets/html - here you will find the notices and the sidebar html
+  * assets/script - here for now you will find some scripts that has only the function to test the ui
+  * assets/css/notify.scss - the WP-Notify style (this plugin css) 
+  * assets/css/wordpress.scss - The WordPress Admin style (will not be included in the future, but at the moment is needed for ui testing purpose)
+  * img/ - actually there is the favicon (without that there is an error in console)     
+ * includes/ui/notification-hub/dist - Build folder
+