submit

README.md

@@ -1 +1,37 @@
-# mini-wp
+# Mini Wordpress
+
+Mini Wordpress project by Arief Rachman
+
+
+>### API Endpoints for Article
+| Route | Method | Desc |
+|-------|--------|------|
+| /articles/discover | **GET** | Read all Articles members myWordpress **(readonly, allusers)** |
+| /articles/myArticles | **GET** | Edit and delete own articles **(owner article)** |
+| /articles/ | **POST** | Create a new article **(member only)** |
+| /articles/ | **PUT** | Edit article **(member only, owner article)** |
+| /articles/ | **DELETE** | Delete article **(member only, owner article)** |
+
+>### API Endpoints for Article
+| Route | Method | Desc |
+|-------|--------|------|
+| /user/signup | **POST** | Register as new member |
+| /user/signin | **POST** | Login into myWordpress |
+| /user/auth | **GET** | Authentication user |
+
+>### Usage Guide
+Before you run this app, make sure you have :
+1. Installed Node.js and npm installed in your computer
+2. Google Cloud Platform Account
+3. Bucket in your Google Cloud Storage
+4. Fill the .env-template
+5. Get your service credentials account and download the private key in `JSON` format. For doing so, you can follow this [documentation](https://cloud.google.com/storage/docs/authentication#service_accounts) or this [youtube video](https://www.youtube.com/watch?v=tSnzoW4RlaQ) and move it into project directory.
+6. and run these commands
+```bash
+$ npm install
+$ npm start
+```
+
+>### Deploy Link
+
+__coming soon__

client/css/style.css

@@ -0,0 +1,67 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat');
+
+.container {
+  margin-left: 0px !important;
+}
+
+.sidebar {
+  padding: 0px !important;
+}
+
+.sidebar h4 {
+  font-size: 16px;
+  font-weight: bold;
+  padding: 10px;
+  color: #777a7c;
+}
+
+ul {
+  padding: 0;
+  list-style: none;
+}
+
+.sidebar li {
+  padding: 10px;
+  cursor: pointer;
+}
+
+.sidebar li:hover {
+  background-color: #bec3c8;
+}
+
+.sidebar span {
+  font-family: 'Acme', sans-serif;
+  font-weight: 200;
+  margin-left: 10px;
+}
+
+.article {
+  max-width: 610px;
+  margin: 0 auto;
+  padding: 60px 30px 90px;
+}
+
+.header .desc {
+  font-family: 'Montserrat', sans-serif;
+  color: #7b8994;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  font-size: 1.342em;
+  line-height: 1;
+}
+.header h1 {
+  font-family: 'Montserrat', sans-serif;
+  font-weight: bold;
+  font-size: 2.415em;
+  line-height: 1.2;
+  letter-spacing: -1px;
+  padding-bottom: 6px;
+  border-bottom: 2px solid gray;
+  */
+}
+
+.read-article p {
+  margin-top: 2em;
+  margin-bottom: 1em;
+  line-height: 2em;
+}