Merge pull request #1 from saadpasta/master

Update
saadpasta · Feb 24, 2020 · e89956b · e89956b
2 parents ae90bdd + 465f1fd
commit e89956b
Show file tree

Hide file tree

Showing 57 changed files with 971 additions and 682 deletions.
diff --git a/.all-contributorsrc b/.all-contributorsrc
@@ -35,6 +35,15 @@
         "code",
         "infra"
       ]
+    },
+    {
+      "login": "viveksharmaui",
+      "name": "Slim Coder",
+      "avatar_url": "https://avatars1.githubusercontent.com/u/28563357?v=4",
+      "profile": "https://github.com/viveksharmaui",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,

diff --git a/README.md b/README.md
@@ -86,27 +86,28 @@ Go to your cloned repository and make the following changes in `/src/config.js`
 
 ```javascript
 export const config = {
+  // Your Github Converted Token To Know How To Get Your Token Look at Readme.md
+  githubConvertedToken: "Your token here",
 
-  // Your Github Converted Token
-  githubConvertedToken: "Github Converted Token",
+  // Your Github UserName
+  githubUserName: "Your username here",
 
-  //   Your Github User Name
-  githubUserName: "saadpasta",
+  // Your Github Repo Name Where You Have your issues as Blog
+  githubRepo: "Your repo's name here",
 
-  //   Your Github Repo Name Where You Have your issues as Blog
+  // Your Personal Blog Title
+  title : "Title of your blog" ,
 
-  githubRepo: "react-blog-github",
+  // Your Personal Blog Subtitle
+  subtitle : "Subtitle of your blog",
 
-  // Your Personal Blog Title 
-
-  title : "Saad Pasta" , 
-
-  // Your Personal Blog Subtitle 
-
-  subtitle : "Front End Developer Blog"
-
+  // Header customization
+  header: {
+    backgroundColor: '#f1f6f8', // can be a CSS gradient
+    titleColor: '#ff5252',
+    subtitleColor: '#37474f',
+  },
 };
-
 ```
 
 ### 4. **Write A Blog.**
@@ -154,9 +155,7 @@ Any idea on how we can make this more awesome ? [Open a new issue](https://githu
 
 ## :boom: Todo
 - Add Comment From Github
-- Add Loader
 - Authentication using Github
-- Seo using React helmet
 - Footer 
 - Header
 - Social Media Sharing
@@ -178,6 +177,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="http://github.com/MuhammadHammad"><img src="https://avatars0.githubusercontent.com/u/37264033?v=4" width="100px;" alt=""/><br /><sub><b>SyedMuhammadHammadGhani</b></sub></a><br /><a href="https://github.com/saadpasta/react-blog-github/commits?author=Muhammad-Hammad" title="Documentation">📖</a></td>
     <td align="center"><a href="http://saadpasta.github.io"><img src="https://avatars2.githubusercontent.com/u/23307811?v=4" width="100px;" alt=""/><br /><sub><b>Saad Pasta</b></sub></a><br /><a href="https://github.com/saadpasta/react-blog-github/commits?author=saadpasta" title="Code">💻</a> <a href="https://github.com/saadpasta/react-blog-github/commits?author=saadpasta" title="Documentation">📖</a> <a href="#design-saadpasta" title="Design">🎨</a> <a href="#maintenance-saadpasta" title="Maintenance">🚧</a></td>
     <td align="center"><a href="https://github.com/jvm-odoo"><img src="https://avatars0.githubusercontent.com/u/9156538?v=4" width="100px;" alt=""/><br /><sub><b>Jason Van Malder</b></sub></a><br /><a href="https://github.com/saadpasta/react-blog-github/commits?author=jvm-odoo" title="Code">💻</a> <a href="#infra-jvm-odoo" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
+    <td align="center"><a href="https://github.com/viveksharmaui"><img src="https://avatars1.githubusercontent.com/u/28563357?v=4" width="100px;" alt=""/><br /><sub><b>Slim Coder</b></sub></a><br /><a href="https://github.com/saadpasta/react-blog-github/commits?author=viveksharmaui" title="Code">💻</a></td>
   </tr>
 </table>
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,11 +17,13 @@
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-ga": "^2.7.0",
+    "react-helmet": "^5.2.1",
     "react-reactions": "github:randomdipesh/react-reactions",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.3.0",
     "react-syntax-highlighter": "^12.2.1",
-    "reading-time": "^1.2.0"
+    "reading-time": "^1.2.0",
+    "styled-components": "^5.0.1"
   },
   "scripts": {
     "predeploy": "npm run build",

diff --git a/public/index.html b/public/index.html
@@ -1,14 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -24,7 +19,6 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/Application.js b/src/Application.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import { ApolloProvider } from '@apollo/react-hooks';
+import { Helmet } from "react-helmet";
+
+import { config } from './config'
+import { client } from './Utils/apollo';
+import Router from './Router';
+
+const Application = () => (
+  <>
+    <Helmet>
+        <title>{config.title}</title>
+        <meta charSet="utf-8" />
+        <meta name="description" content={config.subtitle} />
+        <meta name="theme-color" content={config.header.backgroundColor} />
+    </Helmet>
+    <ApolloProvider client={client}>
+      <Router />
+    </ApolloProvider>
+  </>
+);
+
+export default Application;
diff --git a/src/Assets/Img/loader.svg b/src/Assets/Img/loader.svg