Andreas Sosilo - Batch 34 - Humble Fox

README.md

@@ -1 +1,26 @@
-# mini-wp
+# Think Tank - Mini WordPress
+
+## Link Deploy
+http://thinktank.andreassosilo.co/
+
+## How to use locally
+
+### On server
+```javascript
+$ npm install
+$ npm run dev
+```
+
+### On client
+```javascript
+$ npm install
+$ parcel index.html
+```
+Access client via `http://localhost:1234`
+
+Access server via `http://localhost:3000`
+
+## API Documentation (using POSTMAN)
+```
+https://documenter.getpostman.com/view/8640330/SVmtyKSH
+```

client/.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true
+  },
+  extends: [
+    'plugin:vue/essential',
+    'standard'
+  ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly'
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  },
+  plugins: [
+    'vue'
+  ],
+  rules: {
+  }
+}

client/.gitignore

@@ -0,0 +1,4 @@
+node_modules
+.DS_Store
+dist
+.cache

client/css/style.css

@@ -0,0 +1,38 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+/* Style the body for background color and font */
+body {
+  background: #f0f0f0;
+  font-family: "Crimson Pro", serif;
+}
+
+/* Style the dashboard (view post) container so between card (post) there is a sufficient space */
+.content {
+  margin-top: 10px;
+}
+
+/* Style the create post container so it will not be too wide */
+#createPost {
+  max-width: 80%;
+}
+
+/* Style the edit post container so it will not be too wide */
+#editPost {
+  max-width: 80%;
+}
+
+/* Style the top navigation bar using flexbox */
+.navbar {
+  display: flex;
+  background-color: #333;
+  font-family: "Crimson Pro";
+  justify-content: space-around;
+}
+
+.card-img-top {
+  max-height: 200px;
+  overflow: hidden;
+}