blog component created

Author: pramit-marattha

README.md

@@ -45,12 +45,12 @@ Entire commit History
 | [creating tagSchema model and tag controller and handling errors and avoiding duplicate tag in the backend](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/844d59771007e67414d916364910afc30b89f16f)                | [Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/844d59771007e67414d916364910afc30b89f16f)  |
 | [Implementing a slim progress bar at the top of the header using nprogress npm package](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/4d78c7a33d82cf8206a9f630548769f1e6c19081)                                    | [Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/4d78c7a33d82cf8206a9f630548769f1e6c19081)  |
 | [styling nprogress and adding some material icons](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/f10cb0f5860a1e05a3814a180745656d4433031f)                                                                         | [Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/f10cb0f5860a1e05a3814a180745656d4433031f)  |
-| [created new category-tag page for updating category as well as tags](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/a85387f9390e8b4383eee8ae1f1eadd1b63fe1d1) |[source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/a85387f9390e8b4383eee8ae1f1eadd1b63fe1d1) |
-| [creating categories from the client side](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/30b5b3d2492a5e3053f27bd7f98d5068b63cf100) |[Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/) | 
-| [creating removing categories from the client side](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/8cfd77be3b32ecda8753c419eac8dc5e560af335) |[Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/8cfd77be3b32ecda8753c419eac8dc5e560af335) |
-| [creating,removing tags from the client side](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/d575fe24352ff9e8e2f632e270186dab5e6670e0) |[Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/d575fe24352ff9e8e2f632e270186dab5e6670e0) |
-| [created a blog schema model on server ](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/829dda0c610fa93341c5e1585f6e5a1be9d0f62e) |[Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/829dda0c610fa93341c5e1585f6e5a1be9d0f62e) |
-| [updating blog routes](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/dbef84ceee59e51e5b8be538eb4ae45113c0f6a8) |[Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/dbef84ceee59e51e5b8be538eb4ae45113c0f6a8) |
+| [created new category-tag page for updating category as well as tags](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/a85387f9390e8b4383eee8ae1f1eadd1b63fe1d1) |[source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/a85387f9390e8b4383eee8ae1f1eadd1b63fe1d1) |
+| [creating categories from the client side](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/30b5b3d2492a5e3053f27bd7f98d5068b63cf100) |[Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/) | 
+| [creating removing categories from the client side](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/8cfd77be3b32ecda8753c419eac8dc5e560af335) |[Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/8cfd77be3b32ecda8753c419eac8dc5e560af335) |
+| [creating,removing tags from the client side](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/d575fe24352ff9e8e2f632e270186dab5e6670e0) |[Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/d575fe24352ff9e8e2f632e270186dab5e6670e0) |
+| [created a blog schema model on server ](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/829dda0c610fa93341c5e1585f6e5a1be9d0f62e) |[Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/829dda0c610fa93341c5e1585f6e5a1be9d0f62e) |
+| [updating blog routes](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/dbef84ceee59e51e5b8be538eb4ae45113c0f6a8) |[Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/dbef84ceee59e51e5b8be538eb4ae45113c0f6a8) |
 | [ created the entire blog controller ](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/180689c8cbdda6679607e132e06714b5bf5dd64b) |[Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/180689c8cbdda6679607e132e06714b5bf5dd64b) |
-| [creating a meta description by stripping html tags from body by using cli-strip-html package](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/514041bd2c4fee836f19e2b5b1725c1bc212fd51) |[Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/514041bd2c4fee836f19e2b5b1725c1bc212fd51) |
-| [Integrating categories and tags inside blog](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/2c04de9b00a560e980b736edd17cebd42460a9b8) | [Source file](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/2c04de9b00a560e980b736edd17cebd42460a9b8) |
+| [creating a meta description by stripping html tags from body by using cli-strip-html package](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/514041bd2c4fee836f19e2b5b1725c1bc212fd51) |[Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/514041bd2c4fee836f19e2b5b1725c1bc212fd51) |
+| [Integrating categories and tags inside blog](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/commit/2c04de9b00a560e980b736edd17cebd42460a9b8) | [Source File](https://github.com/pramit-marattha/MongoDB-React-Express-Node-Fullstack-TechBlogsite/tree/2c04de9b00a560e980b736edd17cebd42460a9b8) |

client/components/update/NewBlog.js

@@ -0,0 +1,9 @@
+const NewBlog = ()=>{
+    return (
+        <div>
+        Create Blog Form
+        </div>
+    )
+};
+
+export default NewBlog;

client/pages/_document.js

@@ -26,4 +26,4 @@ class MyDocument extends Document {
   }
 }
 
-export default MyDocument
+export default MyDocument;

client/pages/adminDashboard/index.js

@@ -14,17 +14,26 @@ const AdminIndex =() =>{
         </div>
         <div className="col-md-4 pt-5 pb-5">
         <ul className="list-group">
+        {/* // new category  */}
                 <li className="list-group-item">
                   <Link href="/adminDashboard/update/category-tag">
                       <a>Create new category</a>
                   </Link>
              </li>
 
+        {/* // new tag  */}
              <li className="list-group-item">
                   <Link href="/adminDashboard/update/category-tag">
                       <a>Create new tag</a>
                   </Link>
              </li>
+
+        {/* // new blog */}
+              <li className="list-group-item">
+                  <Link href="/adminDashboard/update/blog">
+                      <a>Create new blog</a>
+                  </Link>
+             </li>
                 </ul>
         </div>
         <div className="col-md-8 pt-5 pb-5">

client/pages/adminDashboard/update/blog.js

@@ -0,0 +1,36 @@
+import Layout from "../../../components/Layout";
+import Admin from "../../../components/authentication/Admin";
+import CreateNewBlog from "../../../components/update/NewBlog";
+
+import Link from "next/link";
+import CategoryIcon from '@material-ui/icons/Category';
+import AddIcon from '@material-ui/icons/Add';
+import LocalOfferIcon from '@material-ui/icons/LocalOffer';
+import BookIcon from '@material-ui/icons/Book';
+import PostAddIcon from '@material-ui/icons/PostAdd';
+
+
+const Createblog =() =>{
+    return(
+        <Layout>
+        <Admin>
+        <div className="container-fluid">
+        <div className="row">
+        <div className="col-md-12">
+        <h1 className="text-center">
+        <PostAddIcon style={{"color":"pink"}}/>
+        Create a new blog
+        <BookIcon style={{"color":"teal"}}/>
+        </h1>
+        </div>
+        <div className="col-md-12">
+        <CreateNewBlog/>
+        </div>
+        </div>
+        </div>
+        </Admin>
+        </Layout>
+    )
+}
+
+export default Createblog;