Merge the first commit please ignore the second one. Kindly add GSSOC24 label to it

.github/workflows/nextjs.yml

@@ -0,0 +1,94 @@
+# Sample workflow for building and deploying a Next.js site to GitHub Pages
+#
+# To get started with Next.js see: https://nextjs.org/docs/getting-started
+#
+name: Deploy Next.js site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["test"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine packager manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "16"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        uses: actions/configure-pages@v2
+        with:
+          # Automatically inject basePath in your Next.js configuration file and disable
+          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
+          #
+          # You may remove this line if you want to manage the configuration yourself.
+          static_site_generator: next
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            .next/cache
+          # Generate a new cache whenever packages or source files change.
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Build with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Static HTML export with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next export
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: ./out
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

components/Blogs/BlogCard.js

@@ -1,11 +1,18 @@
 import styles from "@styles/scss/blogcard.module.scss";
 import Image from "next/image";
+<<<<<<< HEAD:components/Blogs/BlogCard.js
 import dataScienceImg from "@images/blog/dataScience.webp";
+=======
+>>>>>>> 2e3ced3f1a6c1a70341b50aee0bde119b118a150:components/BlogCard.js
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faThumbsUp, faComment } from "@fortawesome/free-solid-svg-icons";
 import Link from "next/link";
 const BlogCard = (props) => {
+<<<<<<< HEAD:components/Blogs/BlogCard.js
   const { id, image, comments, likes ,title,author} = props;
+=======
+  const { id, title, image, comments, likes } = props;
+>>>>>>> 2e3ced3f1a6c1a70341b50aee0bde119b118a150:components/BlogCard.js
   return (
     <>
       <Link
@@ -14,10 +21,14 @@ const BlogCard = (props) => {
       >
         <div className={styles.cover}>
           <div className={styles.image}>
+<<<<<<< HEAD:components/Blogs/BlogCard.js
             <Image loading="lazy" src={image} alt="data-science-amupedia-blogs"
             layout="responsive"
             width="1500"
             height="1000"/>
+=======
+            <Image src={`/images/blog/${image}`} width={500} height={500} alt="data-science-amupedia-blogs" />
+>>>>>>> 2e3ced3f1a6c1a70341b50aee0bde119b118a150:components/BlogCard.js
           </div>
           <h3 className={styles.title}>
             {title}

components/Opportunities/oppCard.js

@@ -1,17 +1,18 @@
+/* eslint-disable jsx-a11y/alt-text */
 import styles from "@styles/oppCard.module.css";
 import Link from "node_modules/next/link";
 
-const OppCard = (props) => {
-  const { title, date, image } = props;
+const OppCard = (data) => {
+  const { title, date, image } = data.data;
   return (
     <div className={styles.main}>
       <div className={styles.picture}>
-        <h2>Image</h2>
+        <image src={`/images/oppCard/${image}`} />
       </div>
       <div className={styles.cardInfo}>
         <div className={styles.title}>
-          <h3>Title</h3>
-          <span>Date Added -</span>
+          <h3>{title}</h3>
+          <span>{date}</span>
         </div>
         <Link href="#">
           <a className={styles.link}>Apply Now</a>

components/common/Header/Header.js

@@ -5,7 +5,7 @@ import Image from 'next/image';
 import Navbar from '../Navbar';
 import { IconContainer, IconsDiv, StyledHeader } from './HeaderStyles';
 import { getRandomBackground, icons } from './config';
-
+ 
 const Header = (props) => {
   const { image, text } = props;
   return (

components/common/Navbar.js

@@ -3,6 +3,7 @@ import { useRouter } from 'next/router';
 import styles from '@styles/Navbar.module.css';
 import { useState, useEffect, useRef } from 'react';
 import Image from 'node_modules/next/image';
+import { FaKey } from 'react-icons/fa';
 
 const Navbar = () => {
   const checkboxRef = useRef();
@@ -368,6 +369,14 @@ const Navbar = () => {
               Contact Us
             </a>
           </li>
+          <li>
+          <a
+              onClick={() => router.push('/Login')}
+              className="flex py-2 px-2 text-white hover:bg-sky-400 hover:text-black rounded-lg transition duration-500"
+            >
+              <FaKey />
+            </a>
+          </li>
         </ul>
       </nav>
     </>

db/models/Blog.js

@@ -16,6 +16,14 @@ const blogSchema = new mongoose.Schema({
     type: String,
     required: true,
   },
+  like: {
+    type: Number,
+    required: true,
+  },
+  numberOfComments: {
+    type: Number,
+    required: true,
+  }
 });
 
 const Blog = mongoose.models.Blog || mongoose.model("Blog", blogSchema);

db/models/BlogComment.js

@@ -0,0 +1,22 @@
+import mongoose from "mongoose";
+
+const blogCommentSchema = new mongoose.Schema({
+  userName: {
+    type: String,
+  },
+  blogId: {
+    type: String,
+    required: true,
+  },
+  message: {
+    type: String,
+    required: true,
+  },
+  date: {
+    type: String,
+    required: true,
+  }
+});
+
+const BlogComment = mongoose.models.BlogComment || mongoose.model("BlogComment", blogCommentSchema);
+export default BlogComment;

package.json

@@ -11,16 +11,21 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
+
     "@fortawesome/react-fontawesome": "^0.2.0",
     "aos": "^2.3.4",
+
+    "@fortawesome/react-fontawesome": "^0.1.16",
+    "@types/webidl-conversions": "^7.0.0",
+
     "axios": "^0.27.2",
     "bcryptjs": "^2.4.3",
     "framer-motion": "^5.5.5",
     "jsonwebtoken": "^9.0.0",
     "lodash": "^4.17.21",
     "markdown-it": "^13.0.1",
     "mongoose": "^7.2.1",
-    "next": "^12.3.3",
+    "next": "^12.3.4",
     "next-connect": "^1.0.0",
     "next-images": "^1.8.5",
     "prettier": "^2.8.1",

components/Login.js → pages/Login.js

@@ -10,6 +10,7 @@ import {
 } from "node_modules/@fortawesome/free-solid-svg-icons/index";
 import { useContext, useState } from "react";
 import { Store } from "utils/Store/Store";
+import Link from 'next/link'
 
 const Login = () => {
   const { state, dispatch } = useContext(Store);
@@ -95,6 +96,10 @@ const Login = () => {
               <span>Forgot Password ?</span>
             </label>
             <button>Sign In</button>
+            <h1 className="font-bold text-lg p-4">Or</h1>
+           <Link href='/Signup'>
+              <a className="font-sans text-sm  font-bold text-white hover:italic bg-gradient-to-r from-indigo-800 to-purple-600 rounded-md px-24 py-1">Signup</a>
+            </Link>
           </form>
         </div>
       </main>

pages/Signup.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Signup = () => {
+  return (
+    <div>Signup</div>
+  )
+}
+
+export default Signup