Added newFile.js

frontend/src/pages/Form.js

@@ -50,7 +50,11 @@ function Form() {
             <p>
               Just add the Issues, and let the Open source contributers show
               their magic with the respetive Tech-Stack.
-              <span className="github_link"><a href="https://github.com/clubgamma/Good_First_Issue_Web_App">Github link</a> </span>
+              <span className="github_link">
+                <a href="https://github.com/clubgamma/Good_First_Issue_Web_App">
+                  Github link
+                </a>{" "}
+              </span>
             </p>
           </div>
           <div class="rigth-col">

frontend/src/pages/nextFile.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import './Card.css'
+import { GoRepo } from "react-icons/go";
+import { Link } from 'react-router-dom';
+
+function nextFile({url, title, desc}) {
+  return (
+    <div className='card-bg'>
+      <div className='card'>
+        <Link to={url} target='_blank' className='repo-title'>
+          <div><GoRepo size={20} /></div>
+          <h3>{title}</h3>
+        </Link>
+        <p>{desc}</p>
+      </div>
+    </div>
+  )
+}
+
+export default nextFile