Skip to content

Commit 2de87cd

Browse files
devshafidevshafi
committed
update Footer and Header components; modify contact information and add Google Scholar icon
update constants; revise timeline data for education and work experience
1 parent 1c54621 commit 2de87cd

File tree

3 files changed

+91
-87
lines changed

3 files changed

+91
-87
lines changed

‎src/components/Footer/Footer.js‎

Lines changed: 43 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,49 @@
1-
import React from 'react';
2-
import { AiFillGithub, AiFillInstagram, AiFillLinkedin, AiFillFacebook } from 'react-icons/ai';
1+
import React from "react";
2+
import { AiFillGithub, AiFillInstagram, AiFillLinkedin, AiFillFacebook } from "react-icons/ai";
33

4-
import { SocialIcons } from '../Header/HeaderStyles';
5-
import { CompanyContainer, FooterWrapper, LinkColumn, LinkItem, LinkList, LinkTitle, Slogan, SocialContainer, SocialIconsContainer } from './FooterStyles';
4+
import { SocialIcons } from "../Header/HeaderStyles";
5+
import {
6+
CompanyContainer,
7+
FooterWrapper,
8+
LinkColumn,
9+
LinkItem,
10+
LinkList,
11+
LinkTitle,
12+
Slogan,
13+
SocialContainer,
14+
SocialIconsContainer
15+
} from "./FooterStyles";
16+
import { SiGooglescholar } from "react-icons/si";
617

718
const Footer = () => {
8-
return (
9-
<FooterWrapper>
10-
<LinkList>
11-
<LinkColumn>
12-
<LinkTitle>Call</LinkTitle>
13-
<LinkItem href='tel:+8801622971272' >+8801622971272</LinkItem>
14-
</LinkColumn>
15-
<LinkColumn>
16-
<LinkTitle>Email</LinkTitle>
17-
<LinkItem href='mailto:frshafi49@gmail.com' >frshafi49@gmail.com</LinkItem>
18-
</LinkColumn>
19-
</LinkList>
20-
<CompanyContainer>
21-
<Slogan>
22-
Innovating one project at a time
23-
</Slogan>
24-
</CompanyContainer>
25-
<SocialContainer>
26-
27-
<SocialIcons href='https://github.com/devshafi' target='_blank'>
28-
<AiFillGithub size='3rem' />
29-
</SocialIcons>
30-
<SocialIcons href='https://www.linkedin.com/in/fozle-rabbi-shafi-07841511a/' target='_blank'>
31-
<AiFillLinkedin size='3rem' />
32-
</SocialIcons>
33-
<SocialIcons href='https://www.facebook.com/frshafi' target='_blank'>
34-
<AiFillFacebook size='3rem' />
35-
</SocialIcons>
36-
</SocialContainer>
37-
</FooterWrapper>
38-
);
19+
return (
20+
<FooterWrapper>
21+
<LinkList>
22+
<LinkColumn>
23+
<LinkTitle>Call</LinkTitle>
24+
<LinkItem href="tel:+1613561661">+1613561661</LinkItem>
25+
</LinkColumn>
26+
<LinkColumn>
27+
<LinkTitle>Email</LinkTitle>
28+
<LinkItem href="mailto:f.shafi@queensu.ca">f.shafi@queensu.ca</LinkItem>
29+
</LinkColumn>
30+
</LinkList>
31+
<CompanyContainer>
32+
<Slogan>Turning ideas into reality, one line of code at a time.</Slogan>
33+
</CompanyContainer>
34+
<SocialContainer>
35+
<SocialIcons href="https://www.facebook.com/frshafi" target="_blank">
36+
<SiGooglescholar size="3rem" />
37+
</SocialIcons>
38+
<SocialIcons href="https://github.com/devshafi" target="_blank">
39+
<AiFillGithub size="3rem" />
40+
</SocialIcons>
41+
<SocialIcons href="https://www.linkedin.com/in/fozle-rabbi-shafi-07841511a/" target="_blank">
42+
<AiFillLinkedin size="3rem" />
43+
</SocialIcons>
44+
</SocialContainer>
45+
</FooterWrapper>
46+
);
3947
};
4048

4149
export default Footer;

‎src/components/Header/Header.js‎

Lines changed: 44 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,50 @@
1-
import Link from 'next/link';
2-
import React from 'react';
3-
import { AiFillGithub, AiFillInstagram, AiFillLinkedin, AiFillFacebook } from 'react-icons/ai';
4-
import { DiCssdeck } from 'react-icons/di';
1+
import Link from "next/link";
2+
import React from "react";
3+
import { AiFillGithub, AiFillInstagram, AiFillLinkedin, AiFillFacebook, } from "react-icons/ai";
4+
import { DiCssdeck } from "react-icons/di";
5+
import { SiGooglescholar } from "react-icons/si";
6+
// import { FaGoogleScholar } from "react-icons/fa6";
57

6-
import { Container, Div1, Div2, Div3, NavLink, SocialIcons, Span } from './HeaderStyles';
8+
import { Container, Div1, Div2, Div3, NavLink, SocialIcons, Span } from "./HeaderStyles";
79

810
const Header = () => (
9-
<Container>
10-
<Div1>
11-
<Link href="/">
12-
<a style={{ display: 'flex', alignItems: 'center', color: 'white', marginBottom:'20px' }}>
13-
<DiCssdeck size="3rem" /> <Span>DevShafi</Span>
14-
</a>
15-
</Link>
16-
</Div1>
17-
<Div2>
18-
<li>
19-
<Link href='#projects'>
20-
<NavLink>
21-
Projects
22-
</NavLink>
23-
</Link>
24-
</li>
25-
<li>
26-
<Link href='#tech'>
27-
<NavLink>
28-
Technologies
29-
</NavLink>
30-
</Link>
31-
</li>
32-
<li>
33-
<Link href='#about'>
34-
<NavLink>
35-
About
36-
</NavLink>
37-
</Link>
38-
</li>
39-
</Div2>
40-
<Div3>
41-
<SocialIcons href='https://github.com/devshafi' target='_blank'>
42-
<AiFillGithub size='3rem' />
43-
</SocialIcons>
44-
<SocialIcons href='https://www.linkedin.com/in/fozle-rabbi-shafi-07841511a/' target='_blank'>
45-
<AiFillLinkedin size='3rem' />
46-
</SocialIcons>
47-
<SocialIcons href='https://www.facebook.com/frshafi' target='_blank'>
48-
<AiFillFacebook size='3rem' />
49-
</SocialIcons>
50-
</Div3>
51-
</Container>
11+
<Container>
12+
<Div1>
13+
<Link href="/">
14+
<a style={{ display: "flex", alignItems: "center", color: "white", marginBottom: "20px" }}>
15+
<DiCssdeck size="3rem" /> <Span>DevShafi</Span>
16+
</a>
17+
</Link>
18+
</Div1>
19+
<Div2>
20+
<li>
21+
<Link href="#projects">
22+
<NavLink>Projects</NavLink>
23+
</Link>
24+
</li>
25+
<li>
26+
<Link href="#tech">
27+
<NavLink>Technologies</NavLink>
28+
</Link>
29+
</li>
30+
<li>
31+
<Link href="#about">
32+
<NavLink>About</NavLink>
33+
</Link>
34+
</li>
35+
</Div2>
36+
<Div3>
37+
<SocialIcons href="https://www.facebook.com/frshafi" target="_blank">
38+
<SiGooglescholar size="3rem" />
39+
</SocialIcons>
40+
<SocialIcons href="https://github.com/devshafi" target="_blank">
41+
<AiFillGithub size="3rem" />
42+
</SocialIcons>
43+
<SocialIcons href="https://www.linkedin.com/in/fozle-rabbi-shafi-07841511a/" target="_blank">
44+
<AiFillLinkedin size="3rem" />
45+
</SocialIcons>
46+
</Div3>
47+
</Container>
5248
);
5349

5450
export default Header;

‎src/constants/constants.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -108,8 +108,8 @@ export const publications = [
108108
];
109109

110110
export const TimeLineData = [
111-
{ year: 2017, text: "Started my journey" },
112-
{ year: 2018, text: "Android Developer", company: "CRUX" },
113-
{ year: 2019, text: "Fullstack developer (Remote)", company: "Lighthouse Academy, Canada" },
114-
{ year: 2020, text: "Fullstack developer (Remote)", company: "OC Academy, Canada" }
111+
{ year: 2019, text: "B.Sc in CSE", company: "Metropolitan University Bangladesh" },
112+
{ year: 2022, text: "Software Engineer", company: "Programming Hero" },
113+
{ year: 2025, text: "M.Sc in Computing", company: "Queen's University, Canada" },
114+
{ year: 2025, text: "Ph.D. in Computing", company: "Queen's University, Canada" }
115115
];

0 commit comments

Comments
 (0)