updated portfolio website for J3ech

package.json

@@ -3,11 +3,11 @@
   "version": "1.0.0",
   "description": "Educator JS Codespace Template",
   "source": "src/index.html",
-  "homepage": "https://github.com/microsoft/codespaces-teaching-template-js#readme",
+  "homepage": "http://Jonnie-Dev.github.io/J3ech",
   "scripts": {
     "start": "parcel",
     "build": "parcel build",
-    "build-gh": "parcel build --public-url 'https://{github-username}.github.io/{repo-name}'",
+    "build-gh": "parcel build --public-url 'https://Jonnie-Dev.github.io/J3ech'",
     "predeploy": "npm run build-gh",
     "deploy": "gh-pages -d dist"
   },

src/App.jsx

@@ -24,15 +24,15 @@ import "./styles.css";
  * If you don't have one of the social sites listed, leave it as an empty string.
  */
 const siteProps = {
-  name: "Alexandrie Grenier",
-  title: "Web Designer & Content Creator",
-  email: "alex@example.com",
-  gitHub: "microsoft",
-  instagram: "microsoft",
-  linkedIn: "satyanadella",
+  name: "John Areola",
+  title: "Web Designer & ML Engineer",
+  email: "jtech2096@gmail.com",
+  gitHub: "Jonnie-Dev",
+  instagram: "",
+  linkedIn: "john-areola",
   medium: "",
-  twitter: "microsoft",
-  youTube: "Code",
+  twitter: "Https://www.twitter.com/JonnieDev",
+  youTube: "JonnieDev",
 };
 
 const primaryColor = "#4E567E";

src/Components/About.jsx

@@ -10,7 +10,7 @@ import React from "react";
  * About background image
  *
  * Below is a sample image. Upload the image of your choice into the "images"
- * directory and import here for use. Then, set imageAltText to string that 
+ * directory and import here for use. Then, set imageAltText to string that
  * represents what you see in that image.
  *
  * Need an image? Check out https://unsplash.com to download a image you
@@ -24,14 +24,15 @@ const imageAltText = "purple and blue abstract background";
  * Sort description that expands on your title on the Home component.
  */
 const description =
-  "I'm a UI/UX student studying at Barnett Technical University. I enjoy creating unique and simplistic user interfaces in creative ways.";
+  "I'm a Frontend developer, and a student studying at Obafemi Awolowo University. I enjoy creating unique and simplistic user interfaces in creative ways.";
 
 /**
  * List of some of skills or technologies you work on, are learning,
  * passionate about, or enjoy,
  */
 const skillsList = [
   "Web design",
+  "Problem Solving",
   "User experience",
   "Inclusive design",
   "Focus group testing",

src/Components/Portfolio.jsx

@@ -31,22 +31,20 @@ const imageAltText = "desktop with books and laptop";
  */
 const projectList = [
   {
-    title: "10 Things To Know About Azure Static Web Apps 🎉",
-    description:
-      "Collaboration to create a beginner friendly article to help explain Azure Static Web Apps and tooling to get started.",
-    url: "https://dev.to/azure/10-things-to-know-about-azure-static-web-apps-3n4i",
+    title: "Website - Landing page for Natours, a travel agency 🧳",
+    description: "Collaboration to create a beautiful landing page for a travel agency.",
+    url: "http://jonnie-dev.github.io/natours",
   },
   {
-    title: "Web Development for Beginners",
+    title: "Dashboard for a Sea Monster Crowdfuncing program 💰",
     description:
-      "Contributed sketch note imagery to accompany each lesson. These help provide visual representation of what is being taught.",
-    url: "https://github.com/microsoft/web-dev-for-beginners",
+      "Contributed to designing a dashboard for a crowd funding program for sea monster.",
+    url: "https://jonnie-dev.github.io/web102_prework/",
   },
   {
-    title: "My Resume Site",
-    description:
-      "Created from Microsoft's resume workshop and deployed to GitHub pages. Includes my experience and design abilities.",
-    url: "https://github.com/microsoft/workshop-library/tree/main/full/build-resume-website",
+    title: "Guess My Number Game 🎲",
+    description: "A simple game where the user tries to guess a number between 1 and 20.",
+    url: "https://jonnie-dev.github.io/Guess-my-number/",
   },
   {
     title: "GitHub Codespaces and github.dev",