Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

my Portfolio #145

Closed
wants to merge 2 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 5 additions & 6 deletions src/Components/About.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,18 +24,17 @@ 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 Full-Stack Engineer student studying at F.M 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",
"User experience",
"Inclusive design",
"Focus group testing",
"Mobile user interfaces",
"Front-end",
"Backend",
"Full-stack",
"Graphic design",
];

Expand All @@ -45,7 +44,7 @@ const skillsList = [
* about you on a professional level.
*/
const detailOrQuote =
"I am passionate about solving problems in new creative ways to drive innovation. By leveraging my UI/UX experience I continually look for new and better ways to make tech accessible by all.";
"Results-oriented Full Stack Developer with expertise in optimizing project outcomes and enhancing user experiences. Skilled in strategic project management, team collaboration, and leveraging technical expertise across front-end and back-end technologies.";

const About = () => {
return (
Expand Down
31 changes: 13 additions & 18 deletions src/Components/Footer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
import React from "react";
import PropTypes from "prop-types";

import devDotToIcon from "../images/socials/devdotto.svg";
// import devDotToIcon from "../images/socials/devdotto.svg";
import envelopeIcon from "../images/socials/envelope.svg";
import gitHubIcon from "../images/socials/github.svg";
import instagramIcon from "../images/socials/instagram.svg";
Expand All @@ -28,16 +28,15 @@ import youTubeIcon from "../images/socials/youtube.svg";

const Footer = (props) => {
const {
devDotTo,

email,
gitHub,
instagram,
linkedIn,
medium,
name,
primaryColor,
twitter,
youTube,

} = props;

return (
Expand Down Expand Up @@ -65,19 +64,15 @@ const Footer = (props) => {
<img src={envelopeIcon} alt="email" className="socialIcon" />
</a>
)}
{devDotTo && (
<a href={`https://dev.to/${devDotTo}`} target="_blank" rel="noopener noreferrer">
<img src={devDotToIcon} alt="Dev.to" className="socialIcon" />
</a>
)}

{gitHub && (
<a href={`https://github.com/${gitHub}`} target="_blank" rel="noopener noreferrer">
<a href={`https://github.com/ezeslucky${gitHub}`} target="_blank" rel="noopener noreferrer">
<img src={gitHubIcon} alt="GitHub" className="socialIcon" />
</a>
)}
{instagram && (
<a
href={`https://www.instagram.com/${instagram}`}
href={`https://instagram.com/ezeslucky${instagram}`}
target="_blank"
rel="noopener noreferrer"
>
Expand All @@ -86,26 +81,26 @@ const Footer = (props) => {
)}
{linkedIn && (
<a
href={`https://www.linkedin.com/in/${linkedIn}`}
href={`www.linkedin.com/in/ezeslucky${linkedIn}`}
target="_blank"
rel="noopener noreferrer"
>
<img src={linkedInIcon} alt="LinkedIn" className="socialIcon" />
</a>
)}
{medium && (
<a href={`https://medium.com/@${medium}`} target="_blank" rel="noopener noreferrer">
<a href={`https://medium.com/aurobindo-patra@${medium}`} target="_blank" rel="noopener noreferrer">
<img src={mediumIcon} alt="Medium" className="socialIcon" />
</a>
)}
{twitter && (
<a href={`https://twitter.com/${twitter}`} target="_blank" rel="noopener noreferrer">
<a href={`https://x.com/ezeslucky${twitter}`} target="_blank" rel="noopener noreferrer">
<img src={twitterIcon} alt="Twitter" className="socialIcon" />
</a>
)}
{youTube && (
<a
href={`https://www.youtube.com/c/${youTube}`}
href={`https://youtube.com/ezeslucky${youTube}`}
target="_blank"
rel="noopener noreferrer"
>
Expand All @@ -125,16 +120,16 @@ Footer.defaultProps = {
};

Footer.propTypes = {
devDotTo: PropTypes.string,

email: PropTypes.string,
gitHub: PropTypes.string,
instagram: PropTypes.string,
linkedIn: PropTypes.string,
medium: PropTypes.string,
name: PropTypes.string.isRequired,
primaryColor: PropTypes.string,

twitter: PropTypes.string,
youTube: PropTypes.string,


};

Expand Down
2 changes: 1 addition & 1 deletion src/Components/Home.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ import PropTypes from "prop-types";
*/
import image from "../images/woman-with-tablet.jpg";

const imageAltText = "Adult female in office setting leaning against a glass wall while holding a platinum Microsoft Surface Pro 7 in tablet mode preparing to write with Microsoft Surface Pen";
const imageAltText = "Results-oriented Full Stack Developer with expertise in optimizing project outcomes and enhancing user experiences. Skilled in strategic project management, team collaboration, and leveraging technical expertise across front-end and back-end technologies";

const Home = ({ name, title }) => {
return (
Expand Down
13 changes: 4 additions & 9 deletions src/Components/Portfolio.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -34,26 +34,21 @@ 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",
url: "https://x.com/ezeslucky",
},
{
title: "Web Development for Beginners",
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",
url: "https://x.com/ezeslucky",
},
{
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: "GitHub Codespaces and github.dev",
description:
"Video interview to explain when to use GitHub.dev versus GitHub Codespaces, and how best to use each tool.",
url: "https://www.youtube.com/watch?v=c3hHhRME_XI",
url: "https://x.com/ezeslucky",
},

];

const Portfolio = () => {
Expand Down
Loading