diff --git a/Full Stack Projects/Blog-Application/.gitignore b/Full Stack Projects/Blog-Application/.gitignore
new file mode 100644
index 00000000..24d87ae4
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/.gitignore	
@@ -0,0 +1,5 @@
+node_modules
+.env
+package-lock.json
+
+
diff --git a/Full Stack Projects/Blog-Application/package.json b/Full Stack Projects/Blog-Application/package.json
new file mode 100644
index 00000000..f4f6fb50
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/package.json	
@@ -0,0 +1,25 @@
+{
+  "name": "blog",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "start": "node src/app.js",
+    "devStart": "nodemon src/app.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "cookie-parser": "^1.4.6",
+    "dotenv": "^16.3.1",
+    "ejs": "^3.1.9",
+    "express": "^4.18.2",
+    "jsonwebtoken": "^9.0.0",
+    "mongoose": "^7.3.1",
+    "multer": "^1.4.5-lts.1"
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.22"
+  }
+}
diff --git a/Full Stack Projects/Blog-Application/src/app.js b/Full Stack Projects/Blog-Application/src/app.js
new file mode 100644
index 00000000..96785df8
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/app.js	
@@ -0,0 +1,41 @@
+require('dotenv').config();
+const express = require('express');
+const path = require('path');
+const app = express();
+const PORT = 3000;
+const mongoose = require('mongoose');
+const userRouter = require('./routes/user.js');
+const blogRouter = require('./routes/blog.js');
+const cookieParser = require('cookie-parser');
+const checkForAuthenticationCookie = require('./middleware/authentication.js');
+const Blog = require('./models/blog.js');
+
+app.listen(PORT, () => {
+  console.log(`Server is running on port ${PORT}`);
+});
+
+mongoose.connect('mongodb://127.0.0.1:27017/Blogify').then(() => {
+  console.log('connected to db');
+});
+
+app.set('view engine', 'ejs');
+app.set('views', path.join(__dirname, 'views'));
+
+app.use(express.urlencoded({ extended: false })); // for parsing application/x-www-form-urlencoded
+app.use(cookieParser());
+app.use(checkForAuthenticationCookie('token'));
+app.use(express.static(path.join(__dirname, './public')));
+
+app.use('/user', userRouter);
+app.use('/blog', blogRouter);
+
+app.get('/', async (req, res) => {
+  const allBlogs = await Blog.find({});
+  res.render('home', {
+    user: req.user,
+    blogs: allBlogs,
+
+  });
+});
+
+
diff --git a/Full Stack Projects/Blog-Application/src/controllers/authController/login.js b/Full Stack Projects/Blog-Application/src/controllers/authController/login.js
new file mode 100644
index 00000000..b17ac3a6
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/authController/login.js	
@@ -0,0 +1,13 @@
+const User = require('../../models/user.js');
+
+const login = async (req, res) => {
+  const { email, password } = req.body;
+  try {
+    const token = await User.matchPasswordAndGenerateToken(email, password);
+    return res.cookie('token', token).redirect('/');
+  } catch (err) {
+    res.render('signIn', { error: err.message });
+  }
+};
+
+module.exports = login;
diff --git a/Full Stack Projects/Blog-Application/src/controllers/authController/logout.js b/Full Stack Projects/Blog-Application/src/controllers/authController/logout.js
new file mode 100644
index 00000000..5356f186
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/authController/logout.js	
@@ -0,0 +1,6 @@
+
+const logout = (req,res)=>{
+    res.clearCookie('token').redirect('/')
+}
+
+module.exports = logout;
\ No newline at end of file
diff --git a/Full Stack Projects/Blog-Application/src/controllers/authController/register.js b/Full Stack Projects/Blog-Application/src/controllers/authController/register.js
new file mode 100644
index 00000000..fbd24d15
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/authController/register.js	
@@ -0,0 +1,13 @@
+const User = require('../../models/user')
+
+const register = async(req,res)=>{
+    const {fullName,email,password} = req.body; 
+    await User.create({
+        fullName,
+        email,
+        password
+    });
+    return res.redirect('/user/signin')
+}
+
+module.exports = register;
diff --git a/Full Stack Projects/Blog-Application/src/controllers/authController/signIn.js b/Full Stack Projects/Blog-Application/src/controllers/authController/signIn.js
new file mode 100644
index 00000000..cd6e5853
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/authController/signIn.js	
@@ -0,0 +1,5 @@
+const signIn = (req,res)=>{
+    return res.render('signIn')
+}
+
+module.exports = signIn;
diff --git a/Full Stack Projects/Blog-Application/src/controllers/authController/signUp.js b/Full Stack Projects/Blog-Application/src/controllers/authController/signUp.js
new file mode 100644
index 00000000..1d7f9854
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/authController/signUp.js	
@@ -0,0 +1,6 @@
+
+const signUp = (req,res)=>{
+    return res.render('signUp')
+}
+
+module.exports = signUp;
\ No newline at end of file
diff --git a/Full Stack Projects/Blog-Application/src/controllers/authController/storage.js b/Full Stack Projects/Blog-Application/src/controllers/authController/storage.js
new file mode 100644
index 00000000..cb5b0b11
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/authController/storage.js	
@@ -0,0 +1,14 @@
+const multer = require('multer');
+const path = require('path');
+
+const storage = multer.diskStorage({
+  destination: function (req, file, cb) {
+    cb(null, path.resolve(`./src/public/uploads/`));
+  },
+  filename: function (req, file, cb) {
+    const fileName = `${Date.now()}-${file.originalname}`;
+    cb(null, fileName);
+  },
+});
+
+module.exports = storage;
diff --git a/Full Stack Projects/Blog-Application/src/controllers/blogController/blog.js b/Full Stack Projects/Blog-Application/src/controllers/blogController/blog.js
new file mode 100644
index 00000000..cb84cedb
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/blogController/blog.js	
@@ -0,0 +1,8 @@
+
+const addBlog = (req,res)=>{
+    return res.render('addBlog',{
+        user: req.user
+    })
+}
+
+module.exports = addBlog;
\ No newline at end of file
diff --git a/Full Stack Projects/Blog-Application/src/controllers/blogController/blogId.js b/Full Stack Projects/Blog-Application/src/controllers/blogController/blogId.js
new file mode 100644
index 00000000..bbd3fd08
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/blogController/blogId.js	
@@ -0,0 +1,16 @@
+const Blog = require('../../models/blog');
+const Comment = require('../../models/comment');
+
+const blogId = async (req, res) => {
+  const blog = await Blog.findById(req.params.id).populate('CreatedBy');
+  const comments = await Comment.find({ blogId: req.params.id }).populate(
+    'createdBy'
+  );
+  return res.render('blog', {
+    user: req.user,
+    blog,
+    comments,
+  });
+};
+
+module.exports = blogId;
diff --git a/Full Stack Projects/Blog-Application/src/controllers/blogController/comment.js b/Full Stack Projects/Blog-Application/src/controllers/blogController/comment.js
new file mode 100644
index 00000000..f2efa632
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/blogController/comment.js	
@@ -0,0 +1,11 @@
+const Comment = require('../../models/comment');
+
+const cmt = async (req, res) => {
+  await Comment.create({
+    content: req.body.content,
+    blogId: req.params.blogId,
+    createdBy: req.user._id,
+  });
+  return res.redirect(`/blog/${req.params.blogId}`);
+};
+module.exports = cmt;
diff --git a/Full Stack Projects/Blog-Application/src/controllers/blogController/postBlog.js b/Full Stack Projects/Blog-Application/src/controllers/blogController/postBlog.js
new file mode 100644
index 00000000..3ff57c69
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/controllers/blogController/postBlog.js	
@@ -0,0 +1,13 @@
+const Blog = require('../../models/blog');
+
+const postBlog = async (req, res) => {
+  const { title, body } = req.body;
+  const blog = await Blog.create({
+    body,
+    title,
+    CreatedBy: req.user._id,
+    coverImageUrl: `/uploads/${req.file.filename}`,
+  });
+  return res.redirect(`/blog/${blog._id}`);
+};
+module.exports = postBlog;
diff --git a/Full Stack Projects/Blog-Application/src/middleware/authentication.js b/Full Stack Projects/Blog-Application/src/middleware/authentication.js
new file mode 100644
index 00000000..e4d8c543
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/middleware/authentication.js	
@@ -0,0 +1,18 @@
+const { validateToken } = require("../services/authentication");
+
+function checkForAuthenticationCookie(cookieName){
+    return (req,res,next) =>{
+        const tokenCookieValue = req.cookies[cookieName];
+        if(!tokenCookieValue) {
+          return next();
+        }
+        try{
+             const UserPaload = validateToken(tokenCookieValue);
+             req.user = UserPaload
+        }
+        catch(err){};
+        return next();
+    }
+}
+
+module.exports = checkForAuthenticationCookie;
\ No newline at end of file
diff --git a/Full Stack Projects/Blog-Application/src/models/blog.js b/Full Stack Projects/Blog-Application/src/models/blog.js
new file mode 100644
index 00000000..3113be84
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/models/blog.js	
@@ -0,0 +1,26 @@
+const { Schema, model } = require('mongoose');
+
+const blogSchema = new Schema(
+  {
+    title: {
+      type: String,
+      required: true,
+    },
+    body: {
+      type: String,
+      required: true,
+    },
+    coverImageUrl: {
+      type: String,
+      required: false,
+    },
+    CreatedBy: {
+      type: Schema.Types.ObjectId,
+      ref: 'user',
+    },
+  },
+  { timestamps: true }
+);
+
+const Blog = model('blog', blogSchema);
+module.exports = Blog;
diff --git a/Full Stack Projects/Blog-Application/src/models/comment.js b/Full Stack Projects/Blog-Application/src/models/comment.js
new file mode 100644
index 00000000..9cf34704
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/models/comment.js	
@@ -0,0 +1,22 @@
+const { Schema, model } = require('mongoose');
+
+const commentSchema = new Schema(
+  {
+    content: {
+      type: String,
+      required: true,
+    },
+    blogId: {
+      type: Schema.Types.ObjectId,
+      ref: 'blog',
+    },
+    createdBy: {
+        type: Schema.Types.ObjectId,
+        ref: 'user',
+      },
+  },
+  { timestamps: true }
+);
+
+const Comment = model('comment', commentSchema);
+module.exports = Comment;
diff --git a/Full Stack Projects/Blog-Application/src/models/user.js b/Full Stack Projects/Blog-Application/src/models/user.js
new file mode 100644
index 00000000..2380f21f
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/models/user.js	
@@ -0,0 +1,73 @@
+const { Schema, model } = require('mongoose');
+const { createHmac, randomBytes } = require('crypto');
+const { createTokenForUser } = require('../services/authentication');
+
+const userSchema = new Schema(
+  {
+    fullName: {
+      type: String,
+      required: true,
+    },
+    email: {
+      type: String,
+      required: true,
+      unique: true,
+    },
+    salt: {
+      type: String,
+    },
+    password: {
+      type: String,
+      required: true,
+    },
+    profileImageUrl: {
+      type: String,
+      default: '/images/default.png', 
+    },
+    role: {
+      type: String,
+      emun: ['ADMIN', 'USER'],
+      default: 'USER',
+    },
+  },
+  { timestamps: true }
+); 
+
+userSchema.pre('save', function (next) {
+  // Perform some logic or modifications before saving the document
+  const user = this; // this refers to the document being saved
+  if (!user.isModified('password')) return;  
+
+  const salt = randomBytes(16).toString();
+  const hashedPassword = createHmac('sha256', salt)
+    .update(user.password) // .update takes the data to be hashed
+    .digest('hex');
+
+  this.salt = salt;
+  this.password = hashedPassword;
+
+  next();
+});
+
+userSchema.static('matchPasswordAndGenerateToken', async function (email, password) {
+  const user = await this.findOne({ email });
+  if (!user) throw new Error('User not found');
+
+  const salt = user.salt;
+  const hashedPassword = user.password;
+
+  const userProvidedHash = createHmac('sha256', salt)
+    .update(password)
+    .digest('hex');
+
+  if (hashedPassword !== userProvidedHash)
+    throw new Error('Password is incorrect');
+
+  const token = createTokenForUser(user); // passing user object to create token
+  return token;
+  // return user;
+  // return { ...user, password: undefined, salt: undefined };
+});
+
+const USER = model('user', userSchema);
+module.exports = USER;
diff --git a/Full Stack Projects/Blog-Application/src/public/images/default.png b/Full Stack Projects/Blog-Application/src/public/images/default.png
new file mode 100644
index 00000000..fb3b2654
Binary files /dev/null and b/Full Stack Projects/Blog-Application/src/public/images/default.png differ
diff --git a/Full Stack Projects/Blog-Application/src/public/uploads/1688751991464-AWS.png b/Full Stack Projects/Blog-Application/src/public/uploads/1688751991464-AWS.png
new file mode 100644
index 00000000..372e8394
Binary files /dev/null and b/Full Stack Projects/Blog-Application/src/public/uploads/1688751991464-AWS.png differ
diff --git a/Full Stack Projects/Blog-Application/src/public/uploads/1688752187736-Google-Cloud-Logo.png b/Full Stack Projects/Blog-Application/src/public/uploads/1688752187736-Google-Cloud-Logo.png
new file mode 100644
index 00000000..20b7120c
Binary files /dev/null and b/Full Stack Projects/Blog-Application/src/public/uploads/1688752187736-Google-Cloud-Logo.png differ
diff --git a/Full Stack Projects/Blog-Application/src/public/uploads/1688753439666-firebase_logo_shot-680x510.png b/Full Stack Projects/Blog-Application/src/public/uploads/1688753439666-firebase_logo_shot-680x510.png
new file mode 100644
index 00000000..169b6bc2
Binary files /dev/null and b/Full Stack Projects/Blog-Application/src/public/uploads/1688753439666-firebase_logo_shot-680x510.png differ
diff --git a/Full Stack Projects/Blog-Application/src/public/uploads/1688754095519-download.png b/Full Stack Projects/Blog-Application/src/public/uploads/1688754095519-download.png
new file mode 100644
index 00000000..2f02774e
Binary files /dev/null and b/Full Stack Projects/Blog-Application/src/public/uploads/1688754095519-download.png differ
diff --git a/Full Stack Projects/Blog-Application/src/routes/blog.js b/Full Stack Projects/Blog-Application/src/routes/blog.js
new file mode 100644
index 00000000..1c6b16c4
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/routes/blog.js	
@@ -0,0 +1,18 @@
+const { Router } = require('express');
+const router = Router();
+const addBlog = require('../controllers/blogController/blog');
+const postBlog = require('../controllers/blogController/postBlog');
+const multer = require('multer');
+const path = require('path');
+const storage = require('../controllers/authController/storage');
+const cmt = require('../controllers/blogController/comment.js');
+const blogId = require('../controllers/blogController/blogId.js');
+
+
+router.get('/add-new', addBlog);
+router.get('/:id', blogId);
+const upload = multer({ storage: storage });
+router.post('/', upload.single('coverImage'), postBlog);
+router.post('/comment/:blogId', cmt);
+
+module.exports = router;
diff --git a/Full Stack Projects/Blog-Application/src/routes/user.js b/Full Stack Projects/Blog-Application/src/routes/user.js
new file mode 100644
index 00000000..b0a999f1
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/routes/user.js	
@@ -0,0 +1,16 @@
+const { Router } = require('express');
+const signIn = require('../controllers/authController/signIn');
+const signUp = require('../controllers/authController/signUp');
+const register = require('../controllers/authController/register');
+const login = require('../controllers/authController/login.js');
+const logout = require('../controllers/authController/logout');
+
+const router = Router();
+
+router.get('/signin', signIn);
+router.get('/signup', signUp);
+router.post('/signup', register);
+router.post('/signin', login);
+router.get('/logout', logout);
+router.get('/blog');
+module.exports = router;
diff --git a/Full Stack Projects/Blog-Application/src/services/authentication.js b/Full Stack Projects/Blog-Application/src/services/authentication.js
new file mode 100644
index 00000000..57dc3f18
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/services/authentication.js	
@@ -0,0 +1,21 @@
+require('dotenv').config()
+const JWT = require('jsonwebtoken'); 
+const secret = process.env.TOKEN_SECRET;
+
+function createTokenForUser(user) {
+  const payLoad = {
+    _id: user._id,
+    email: user.email,
+    profileImageUrl: user.profileImageUrl,
+    role: user.role,
+  };
+  const token = JWT.sign(payLoad,secret); // this is the token
+  return token;
+}
+
+function validateToken(token) {
+  const payLoad = JWT.verify(token, secret); 
+  return payLoad; 
+}
+
+module.exports = { createTokenForUser, validateToken };
diff --git a/Full Stack Projects/Blog-Application/src/views/addBlog.ejs b/Full Stack Projects/Blog-Application/src/views/addBlog.ejs
new file mode 100644
index 00000000..6aacf9f4
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/addBlog.ejs	
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <%- include('./partials/head') %>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Add New Blog</title>
+  </head>
+  <body>
+    <%- include('./partials/nav') %>
+    <div class="container mt-3">
+      <form action="/blog" method="post" enctype="multipart/form-data"> 
+        <div class="mb-3">
+          <label for="coverImage" class="form-control" >Cover Image</label>
+          <input
+            type="file"
+            class="form-control"
+            id="coverImage"
+            name="coverImage"
+            aria-describedby="coverImage"
+          />
+          </div>
+        <div class="mb-3">
+          <label for="title" class="form-label">Title</label>
+          <input
+            type="text"
+            class="form-control"
+            id="title"
+            name="title"
+            aria-describedby="title"
+          />
+          </div>
+          <div class="mb-3">
+            <label for="body">Body</label>
+              <textarea name="body" class="form-control" id="body"></textarea>
+          </div>
+          <div class="mb-3">
+            <button class="btn btn-primary">Submit</button>
+          </div>
+          
+          
+          
+        </div>
+      </form>
+    </div>
+    <%- include('./partials/script') %>
+  </body>
+</html>
diff --git a/Full Stack Projects/Blog-Application/src/views/blog.ejs b/Full Stack Projects/Blog-Application/src/views/blog.ejs
new file mode 100644
index 00000000..1b4dfe38
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/blog.ejs	
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <%- include('./partials/head') %>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog</title>
+  </head>
+  <body>
+    <%- include('./partials/nav') %>
+    <div class="container mt-4">
+        <h1><%= blog.title%></h1>
+        <img src="<%= blog.coverImageUrl%>"width="500px">
+        <p><%= blog.body %></p>
+    </div>
+
+    <div class="container mt-4">
+        <image src="<%= blog.CreatedBy.profileImageUrl%>" width="80x"><%= blog.CreatedBy.fullName %>
+    </div>
+    <div class="container mt-3">
+      <h1>Comments (<%=  comments.length %>)</h1>
+      <% if (locals.user) { %>
+        <form action="/blog/comment/<%= blog._id %>" method="post">
+          <div class="mb-3">
+             <input
+              type="text"
+              name="content"
+              class="form-control"
+              placeholder="Write a comment"   
+            />
+            <button class="btn btn-sm btn-primary"  type="submit">Add</button>
+          </div>
+      </form>
+      <% } %>
+      <div class="mt-3">
+        <% comments.forEach(comment => { %>
+         <div>
+          <img src="<%= comment.createdBy.profileImageUrl%>" width="80x"> 
+          <%= comment.createdBy.fullName %>
+          <pre><%= comment.content %></pre>
+         </div>
+        <% }) %>
+      </div>
+    </div>
+
+    <%- include('./partials/script') %>
+  </body>
+  </html>
+    
\ No newline at end of file
diff --git a/Full Stack Projects/Blog-Application/src/views/home.ejs b/Full Stack Projects/Blog-Application/src/views/home.ejs
new file mode 100644
index 00000000..dc5be050
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/home.ejs	
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <%- include('./partials/head') %>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Home</title>
+  </head>
+  <body>
+
+    <%- include('./partials/nav') %>
+    <div class="container mt-3 row row-cols-4">
+      <% blogs.forEach(blog => { %>
+        <div class="col">
+      <div class="card col" style="width: 18rem">
+        <img src="<%= blog.coverImageUrl %>" class="card-img-top" alt="..." />
+        <div class="card-body">
+          <h5 class="card-title"><%= blog.title %></h5>
+          <a href="/blog/<%=blog._id %>" class="btn btn-primary">View</a>
+        </div>
+      </div>
+      </div>
+      <% }) %>
+    </div>
+    <%- include('./partials/script') %>
+  </body>
+</html>
diff --git a/Full Stack Projects/Blog-Application/src/views/partials/head.ejs b/Full Stack Projects/Blog-Application/src/views/partials/head.ejs
new file mode 100644
index 00000000..c587ade6
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/partials/head.ejs	
@@ -0,0 +1 @@
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
\ No newline at end of file
diff --git a/Full Stack Projects/Blog-Application/src/views/partials/nav.ejs b/Full Stack Projects/Blog-Application/src/views/partials/nav.ejs
new file mode 100644
index 00000000..3852d509
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/partials/nav.ejs	
@@ -0,0 +1,63 @@
+<nav
+  class="navbar navbar-expand-lg bg-body-tertiary bg-dark"
+  data-bs-theme="dark"
+>
+  <div class="container-fluid">
+    <a class="navbar-brand" href="/">Blogify</a>
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target="#navbarSupportedContent"
+      aria-controls="navbarSupportedContent"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item">
+          <a class="nav-link active" aria-current="page" href="/">Home</a>
+        </li>
+       
+        <% if (locals.user) { %>
+          <li class="nav-item">
+            <a class="nav-link" href="/blog/add-new">Add Blog</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a
+              class="nav-link dropdown-toggle"
+              href="#"
+              role="button"
+              data-bs-toggle="dropdown"
+              aria-expanded="false"
+            >
+              <%= locals.user.role %>   
+                       
+            </a>
+            <ul class="dropdown-menu">
+              <li><a class="dropdown-item" href="/user/logout">LogOut</a></li>
+            </ul>
+          </li>
+        </ul>
+        <% } else{%>
+          <li class="nav-item">
+            <a class="nav-link" href="/user/signup">Create Account</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="/user/signin">Sign In</a>
+          </li>
+          <% } %>
+    </div>
+  </div>
+</nav>
+
+<% if(locals.error) { %>
+  <div class="container mt-4">
+    <div class="alert alert-danger" role="alert">
+      <%= locals.error %>
+    </div>
+  </div>
+<%}%>
+
diff --git a/Full Stack Projects/Blog-Application/src/views/partials/script.ejs b/Full Stack Projects/Blog-Application/src/views/partials/script.ejs
new file mode 100644
index 00000000..679726c2
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/partials/script.ejs	
@@ -0,0 +1 @@
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
\ No newline at end of file
diff --git a/Full Stack Projects/Blog-Application/src/views/signIn.ejs b/Full Stack Projects/Blog-Application/src/views/signIn.ejs
new file mode 100644
index 00000000..09f45e0f
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/signIn.ejs	
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <%- include('./partials/head') %>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Sign Up</title>
+  </head>
+  <body>
+    <%- include('./partials/nav') %>
+    <div class="container mt-5">
+      <form action="/user/signin" method="post">
+        <div class="mb-3">
+          <label for="exampleInputEmail1" class="form-label"
+            >Email address</label
+          >
+          <input
+            type="email"
+            name="email"
+            class="form-control"
+            id="exampleInputEmail1"
+            aria-describedby="emailHelp"
+          />
+          <div id="emailHelp" class="form-text">
+            We'll never share your email with anyone else.
+          </div>
+        </div>
+        <div class="mb-3">
+          <label for="exampleInputPassword1" class="form-label">Password</label>
+          <input
+            type="password"
+            name="password"
+            class="form-control"
+            id="exampleInputPassword1"
+          />
+        </div>
+
+        <button type="submit" class="btn btn-primary">Submit</button>
+      </form>
+    </div>
+    <%- include('./partials/script') %>
+  </body>
+</html>
diff --git a/Full Stack Projects/Blog-Application/src/views/signUp.ejs b/Full Stack Projects/Blog-Application/src/views/signUp.ejs
new file mode 100644
index 00000000..f55349b5
--- /dev/null
+++ b/Full Stack Projects/Blog-Application/src/views/signUp.ejs	
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <%- include('./partials/head') %>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Sign Up</title>
+  </head>
+  <body>
+    <%- include('./partials/nav') %>
+    <div class="container mt-5">
+      <form action="/user/signup" method="post">
+        <div class="mb-3">
+          <label for="fullName" class="form-label">Full Name</label>
+          <input
+            type="text"
+            class="form-control"
+            name="fullName"
+            id="fullName"
+            aria-describedby="fullName"
+          />
+        </div>
+        <div class="mb-3">
+          <label for="exampleInputEmail1" class="form-label"
+            >Email address</label
+          >
+          <input
+            type="email"
+            name="email"
+            class="form-control"
+            id="exampleInputEmail1"
+            aria-describedby="emailHelp"
+          />
+          <div id="emailHelp" class="form-text">
+            We'll never share your email with anyone else.
+          </div>
+        </div>
+        <div class="mb-3">
+          <label for="exampleInputPassword1" class="form-label">Password</label>
+          <input
+            type="password"
+            name="password"
+            class="form-control"
+            id="exampleInputPassword1"
+          />
+        </div>
+
+        <button type="submit" class="btn btn-primary">Submit</button>
+      </form>
+    </div>
+    <%- include('./partials/script') %>
+  </body>
+</html>