Added data to Projects

mvs6909 · Jul 4, 2022 · 5204532 · 5204532
1 parent fb01330
commit 5204532
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 27 deletions.
diff --git a/src/ProjectCardsData.js b/src/ProjectCardsData.js
diff --git a/src/components/About/About.jsx b/src/components/About/About.jsx
@@ -16,13 +16,12 @@ function About() {
     return (
         <div className="about">
             <div className="page">
-                <Zoom>
-
-                <h1 className="about-title">About me</h1>
+                <Zoom delay={200}>
+                    <h1 className="about-title">About me</h1>
                 </Zoom>
                 <hr />
                 {infoData.map(inform => {
-                    return <Fade right>
+                    return <Fade right delay={300}>
                     <Info title={inform.title} data={inform.data} />
                     </Fade>
                 })}

diff --git a/src/Menuitems.js → src/components/Navbar/Menuitems.js b/src/Menuitems.js → src/components/Navbar/Menuitems.js
diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import menuItems from "../../Menuitems";
+import menuItems from "./Menuitems";
 import "./Navbar.css"
 
 

diff --git a/src/components/Projects/ProjectCardsData.js b/src/components/Projects/ProjectCardsData.js
@@ -0,0 +1,34 @@
+const projectData = [
+    {
+        icon: "fab fa-app-store-ios",
+        title: "Memory Management",
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae tincidunt tellus. Pellentesque vel ligula varius sem commodo malesuada ac quis diam."
+    },
+    {
+        icon: "fab fa-app-store-ios",
+        title: "SnapBill",
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae tincidunt tellus. Pellentesque vel ligula varius sem commodo malesuada ac quis diam."
+    },
+    {
+        icon: "fab fa-app-store-ios",
+        title: "Keeper",
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae tincidunt tellus. Pellentesque vel ligula varius sem commodo malesuada ac quis diam."
+    },
+    {
+        icon: "fab fa-app-store-ios",
+        title: "Course Scheduer",
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae tincidunt tellus. Pellentesque vel ligula varius sem commodo malesuada ac quis diam."
+    },
+    {
+        icon: "fab fa-app-store-ios",
+        title: "Light Game",
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae tincidunt tellus. Pellentesque vel ligula varius sem commodo malesuada ac quis diam."
+    },
+    {
+        icon: "fab fa-app-store-ios",
+        title: "Twitter API App",
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae tincidunt tellus. Pellentesque vel ligula varius sem commodo malesuada ac quis diam."
+    }
+]
+
+export default projectData;
diff --git a/src/components/Projects/Projects.css b/src/components/Projects/Projects.css
@@ -18,7 +18,7 @@
 
 .cards .card{
   text-align: center;
-  max-width: 20rem;
+  max-width: 23.5rem;
   margin-bottom: 3rem;
   padding: 2rem;
   border-color: #fff;
@@ -46,9 +46,10 @@
 
 .card-title{
     font-size: 2rem;
-    padding: 10px 0px 10px;
+    padding: 10px 0px 20px;
 }
 
 .card-description{
     font-size: 1.4rem;
+    padding-top: 20px;
 }
diff --git a/src/components/Projects/Projects.jsx b/src/components/Projects/Projects.jsx
@@ -5,7 +5,7 @@ import Fade from 'react-reveal/Fade';
 
 import "./Projects.css";
 
-import projectData from "../../ProjectCardsData";
+import projectData from "./ProjectCardsData";
 
 function createProject(project){
     return (