Merge pull request #1113 from Sch476/newb

Added Contibutor's list
MonalikaPatnaik · Aug 6, 2023 · 2ca91a8 · 2ca91a8 · vercel · Aug 6, 2023
2 parents d20d1be + 70635db
commit 2ca91a8
Show file tree

Hide file tree

Showing 7 changed files with 106 additions and 13 deletions.
diff --git a/public/index.html b/public/index.html
@@ -17,15 +17,15 @@
 
     <title>UMatter</title>
     <!--Bootstrap link-->
-    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="e79efdd2-abee-4a1e-b868-c7929585ebd9";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+    <!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="e79efdd2-abee-4a1e-b868-c7929585ebd9";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script> -->
   </head>
   <body class="dark-theme">
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <div id="preloader"></div>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
-  </body>
+  </body> -->
 </html>
diff --git a/src/App.js b/src/App.js
@@ -11,6 +11,7 @@ const  DevelopPage = lazy(()=>import("./pages/develop"))
 const Error404 = lazy(()=>import("./pages/Error404"))
 const BlogPage = lazy(()=>import("./pages/blogs"))
 const FeedbackPage = lazy(()=>import("./pages/feedback"))
+const Team = lazy(()=>import("./pages/team"))
 const SignupPage = lazy(()=>import("./pages/signup"))
 const Profile = lazy(()=>import("./pages/profile"))
 const Navbar = lazy(()=>import("./Components/Navbar"))
@@ -39,6 +40,7 @@ function App() {
 					<Route exact path="/develop" element={<DevelopPage />} />
 					<Route path="/blogs" element={<BlogPage />} />
 					<Route path="/feedback" element={<FeedbackPage />} />
+					<Route path="/team" element={<Team />} />
 					<Route path="/contact" element={<ContactPage />} />
 					<Route path="/consultwithdoctor" element={<ConsultWithDoctor />} />
 					<Route path="/consultwithdoctor/consultationform" element={<Consultationform />} />

diff --git a/src/Components/Navbar/index.js b/src/Components/Navbar/index.js
@@ -87,6 +87,11 @@ const Navbar = ({ toggle }) => {
     navigate("/");
   };
 
+  const handleTeamClick = () => {
+    setIsOpen(false); // Close the navbar
+    navigate("/team");
+  };
+
   // Function to handle navbar toggle
   const handleToggle = () => {
     setIsOpen(!isOpen);
@@ -135,6 +140,11 @@ const Navbar = ({ toggle }) => {
               Feedback{" "}
             </NavLinks>
           </Navitem>
+          <Navitem>
+            <NavLinks to="#" onClick={handleTeamClick}>
+              Team{" "}
+            </NavLinks>
+          </Navitem>
 
           <NavBtnMobile>
             <NavBtnLink onClick={handleToggle} to="/signin">

diff --git a/src/Components/Team/index.js b/src/Components/Team/index.js
@@ -0,0 +1,56 @@
+import React, { useEffect, useState } from "react";
+
+function Teams() {
+  const [contributors, setContributors] = useState([]);
+
+  useEffect(() => {
+    const owner = "MonalikaPatnaik";
+    const repo = "UMatter"; 
+
+    fetch(`https://api.github.com/repos/${owner}/${repo}/contributors`)
+      .then((response) => response.json())
+      .then((data) => {
+        setContributors(data);
+      })
+      .catch((error) => {
+        console.error("Error fetching contributors:", error);
+      });
+  }, []);
+
+  return (
+    <section className="text-gray-400 bg-gray-900 body-font">
+      <div className="container px-5 py-24 mx-auto">
+        <div className="flex flex-col text-center w-full mb-20">
+          <h1 className="sm:text-6xl text-6xl font-bold title-font mb-4 text-white">Meet Our Team</h1>
+          <p className="lg:w-2/3 mx-auto leading-relaxed text-xl">
+            Thank you to all the amazing contributors who have contributed to this project! Your efforts are greatly
+            appreciated. 💙
+          </p>
+        </div>
+        <div className="flex flex-wrap -m-4">
+          {contributors.map((contributor) => (
+            <div key={contributor.id} className="p-4 lg:w-1/4 md:w-1/2 w-full">
+              <a href={contributor.html_url} target="_blank" rel="noopener noreferrer">
+                <div className="h-full bg-white bg-opacity-20 rounded-lg overflow-hidden shadow-md transform transition-transform hover:scale-110">
+                  <img
+                    alt={`${contributor.login}'s Profile`}
+                    className="w-full h-72 object-cover object-center mb-4 rounded-lg cursor-pointer transform transition-transform hover:scale-110"
+                    src={contributor.avatar_url}
+                  />
+                  <div className="p-6">
+                    <h2 className="text-2xl font-medium text-white">{contributor.login}</h2>
+                    <h3 className="text-gray-300 mb-3">
+                      {contributor.login === "MonalikaPatnaik" ? "Project Admin" : "Contributor"}
+                    </h3>
+                  </div>
+                </div>
+              </a>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default Teams;
diff --git a/src/index.css b/src/index.css
@@ -1,3 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+} */
+
 /* @media only screen and (max-width: 1166px) {
   #root {
     width: 100%;
@@ -61,7 +79,3 @@
     overflow-x: hidden;
   }
 } */
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/src/pages/team.js b/src/pages/team.js
@@ -0,0 +1,14 @@
+import React from "react";
+import Teams from "../Components/Team";
+import Footer from "../Components/Footer";
+
+const Team = () => {
+    return(
+        <>
+            <Teams />
+            <Footer />
+        </>
+    );
+};
+
+export default Team;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,12 +1,9 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  darkMode: "class",
   content: ["./src/**/*.{js,jsx,ts,tsx}"],
   theme: {
-    screens: {
-      signupTable: { max: "550px" },
-    },
     extend: {},
   },
   plugins: [],
-};
+}
+