Skip to content

Commit

Permalink
Update 3 files
Browse files Browse the repository at this point in the history
  • Loading branch information
Anirudhece committed Mar 16, 2023
1 parent 2998413 commit 4a41337
Show file tree
Hide file tree
Showing 3 changed files with 297 additions and 334 deletions.
71 changes: 35 additions & 36 deletions containers/Proficiency.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,42 +7,41 @@ import { Fade } from "react-reveal";
import GreetingLottie from "../components/DisplayLottie";

const Proficiency = () => {
return SkillBars && (
<Container className="section section-lg">
<Fade bottom duration={2000} >
<Row>
<Col lg="6">
<h1 className="h1">Proficiency</h1>
{SkillBars.map((skill) => {
return (
<div
className="progress-info"
key={skill.Stack}
>
<div className="progress-label">
<span>{skill.Stack}</span>
</div>
<div className="progress-percentage">
<span>{skill.progressPercentage}%</span>
</div>
<Progress
max="100"
value={skill.progressPercentage}
color="info"
role="progressbar"
aria-label={skill.Stack}
/>
</div>
);
})}
</Col>
<Col lg="6">
<GreetingLottie animationPath="/lottie/build.json" />
</Col>
</Row>
</Fade>
</Container>
);
return (
SkillBars && (
<Container className="section section-lg">
<Fade bottom duration={2000}>
<Row>
<Col lg="6">
<h1 className="h1">Proficiency</h1>
{SkillBars.map((skill) => {
return (
<div className="progress-info" key={skill.Stack}>
<div className="progress-label">
<span>{skill.Stack}</span>
</div>
<div className="progress-percentage">
<span>{skill.progressPercentage}%</span>
</div>
<Progress
max="100"
value={skill.progressPercentage}
color="info"
role="progressbar"
aria-label={skill.Stack}
/>
</div>
);
})}
</Col>
<Col lg="6">
<GreetingLottie animationPath="/lottie/build.json" />
</Col>
</Row>
</Fade>
</Container>
)
);
};

export default Proficiency;
44 changes: 22 additions & 22 deletions pages/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,38 +9,38 @@ const Experience = dynamic(() => import("../containers/Experience"));
const Projects = dynamic(() => import("../containers/Projects"));
const Feedbacks = dynamic(() => import("../containers/Feedbacks"));
const GithubProfileCard = dynamic(() =>
import("../components/GithubProfileCard")
import("../components/GithubProfileCard")
);
import { openSource } from "../portfolio";
import SEO from "../components/SEO";

export default function Home({ githubProfileData }) {
return (
<div>
<SEO />
<Navigation />
<Greetings />
<Skills />
<Proficiency />
<Education />
<Experience />
<Feedbacks />
<Projects />
<GithubProfileCard prof={githubProfileData} />
</div>
);
return (
<div>
<SEO />
<Navigation />
<Greetings />
<Skills />
<Proficiency />
<Education />
{/* <Experience />
<Feedbacks /> */}
<Projects />
<GithubProfileCard prof={githubProfileData} />
</div>
);
}

Home.prototype = {
githubProfileData: PropTypes.object.isRequired,
githubProfileData: PropTypes.object.isRequired,
};

export async function getStaticProps(_) {
const githubProfileData = await fetch(
`https://api.github.com/users/${openSource.githubUserName}`
).then((res) => res.json());
const githubProfileData = await fetch(
`https://api.github.com/users/${openSource.githubUserName}`
).then((res) => res.json());

return {
props: { githubProfileData },
};
return {
props: { githubProfileData },
};
}
Loading

0 comments on commit 4a41337

Please sign in to comment.