Migrating Blog into React! Yay!!!

.gitignore

@@ -22,4 +22,5 @@ yarn-debug.log*
 yarn-error.log*
 
 # Visual code
-.vscode/
+.vscode/
+.idea/

package.json

@@ -2,20 +2,21 @@
     "private": true,
     "name": "ferreiro.me",
     "engines": {
-        "node": "8.x",
+        "node": "10.16.x",
         "yarn": "1.x"
     },
     "scripts": {
         "check": "npm-check",
-        "dev": "concurrently \"yarn backend:server\" \"yarn frontend:server:dev\"",
+        "seed-database": "node ./scripts/seedDatabase",
+        "dev": "concurrently \"yarn backend:server\" \"yarn backend:watch\" \"yarn frontend:server:dev\"",
         "frontend:server:dev": "yarn workspace @ferreiro/client start:dev",
         "backend:server": "yarn workspace @ferreiro/server start",
+        "backend:watch": "yarn workspace @ferreiro/server watch",
         "build:client": "yarn workspace @ferreiro/client build",
         "build:server": "yarn workspace @ferreiro/server build",
         "build": "yarn build:server && yarn build:client",
-        "start": "yarn build && yarn backend:server",
-        "test": "echo $'[TODO] Implement tests'",
-        "heroku-postbuild": "yarn build"
+        "start": "yarn backend:server",
+        "test": "echo $'[TODO] Implement tests'"
     },
     "workspaces": [
         "packages/*"
@@ -25,7 +26,7 @@
         "npm-check": "5.9.0"
     },
     "dependencies": {
-        "xss-filters": "1.2.7",
-        "concurrently": "4.1.0"
+        "concurrently": "4.1.0",
+        "xss-filters": "1.2.7"
     }
 }

packages/design-system/package.json

@@ -2,12 +2,50 @@
   "private": true,
   "name": "@ferreiro/design-system",
   "version": "1.0.0",
+  "engines": {
+    "node": "10.16.x",
+    "yarn": "1.x"
+  },
   "description": "A minimalistic and powerful design system to start using in your projects",
   "main": "index.js",
-  "repository": "https://github.com/ferreiro/design-system.git",
-  "author": "Jorge Ferreiro <jorge@ferreiro.me>",
-  "license": "MIT",
+  "repository": "https://github.com/ferreiro/design-system.git", 
+  "scripts": {
+    "build": "webpack --mode production",
+    "build:dev": "webpack --mode development",
+    "start:dev": "webpack-dev-server --mode development",
+    "start": "yarn build"
+  },
+  "author": {
+    "name": "Jorge Ferreiro",
+    "email": "jorge@ferreiro.me",
+    "url": "https://www.ferreiro.me/"
+  },
+  "engines": {
+    "node": "10.16.x",
+    "yarn": "1.x"
+  },
   "dependencies": {
-    "react": "^16.8.6"
+    "react": "16.8.6",
+    "react-dom": "16.8.6",
+    "react-router-dom": "5.0.0",
+    "@ferreiro/design-system": "1.0.0",
+    "webpack": "4.30.0",
+    "webpack-cli": "3.3.0",
+    "webpack-dev-server": "3.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "7.4.3",
+    "@babel/preset-env": "7.4.3",
+    "@babel/preset-react": "7.0.0",
+    "babel-loader": "8.0.5",
+    "copy-webpack-plugin": "5.0.2",
+    "css-loader": "2.1.1",
+    "imagemin-webpack-plugin": "2.4.2",
+    "mini-css-extract-plugin": "0.6.0",
+    "node-sass": "4.11.0",
+    "optimize-css-assets-webpack-plugin": "5.0.1",
+    "postcss-loader": "3.0.0",
+    "sass-loader": "7.1.0",
+    "style-loader": "0.23.1"
   }
 }

packages/ferreiro-client/.babelrc

@@ -1,3 +1,6 @@
 {
-    "presets": ["@babel/env", "@babel/react"]
+    "presets": ["@babel/env", "@babel/react"],
+    "plugins": [
+        "@babel/plugin-proposal-class-properties"
+    ]
 }

packages/ferreiro-client/package.json

@@ -2,37 +2,69 @@
   "name": "@ferreiro/client",
   "version": "0.0.1",
   "private": true,
+  "main": "src/index.js",
   "scripts": {
     "build": "webpack --mode production",
     "build:dev": "webpack --mode development",
     "start:dev": "webpack-dev-server --mode development",
     "start": "yarn build"
   },
+  "author": {
+    "name": "Jorge Ferreiro",
+    "email": "jorge@ferreiro.me",
+    "url": "https://www.ferreiro.me/"
+  },
   "engines": {
-    "node": ">=10.16.0"
+    "node": "10.16.x",
+    "yarn": "1.x"
   },
   "dependencies": {
+    "@babel/plugin-proposal-class-properties": "7.4.4",
+    "@ferreiro/design-system": "1.0.0",
+    "add": "2.0.6",
+    "case-sensitive-paths-webpack-plugin": "2.2.0",
+    "classnames": "2.2.6",
+    "dompurify": "1.0.10",
+    "email-validator": "2.0.4",
+    "emotion": "10.0.17",
+    "lodash": "4.17.11",
+    "prop-types": "15.7.2",
+    "query-string": "6.8.1",
     "react": "16.8.6",
+    "react-content-loader": "4.2.1",
+    "react-detect-offline": "2.4.0",
     "react-dom": "16.8.6",
+    "react-lazy-load": "3.0.13",
+    "react-lazy-load-image-component": "1.3.2",
     "react-router-dom": "5.0.0",
-    "@ferreiro/design-system": "1.0.0"
+    "react-router-hash-link": "1.2.2",
+    "react-sticky": "6.0.3",
+    "react-stickynode": "2.1.1",
+    "react-waypoint": "9.0.2",
+    "styled-components": "4.3.2",
+    "webpack": "4.30.0",
+    "webpack-cli": "3.3.0",
+    "webpack-dev-server": "3.3.1",
+    "yarn": "1.16.0"
   },
   "devDependencies": {
     "@babel/core": "7.4.3",
     "@babel/preset-env": "7.4.3",
     "@babel/preset-react": "7.0.0",
+    "autoprefixer": "9.6.1",
     "babel-loader": "8.0.5",
     "copy-webpack-plugin": "5.0.2",
     "css-loader": "2.1.1",
+    "file-loader": "4.0.0",
     "imagemin-webpack-plugin": "2.4.2",
     "mini-css-extract-plugin": "0.6.0",
     "node-sass": "4.11.0",
     "optimize-css-assets-webpack-plugin": "5.0.1",
     "postcss-loader": "3.0.0",
+    "react-inlinesvg": "0.8.4",
     "sass-loader": "7.1.0",
     "style-loader": "0.23.1",
-    "webpack": "4.30.0",
-    "webpack-cli": "3.3.0",
-    "webpack-dev-server": "3.3.1"
+    "svg-inline-loader": "0.8.0",
+    "url-loader": "2.0.1"
   }
-}
+}

packages/ferreiro-client/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: [
+        require('autoprefixer')
+    ]
+}