Skip to content

Commit

Permalink
Added content and some styles to resume
Browse files Browse the repository at this point in the history
  • Loading branch information
@Arman92
Arman92 committed Jan 19, 2020
1 parent b629e60 commit 03b05fd
Show file tree
Hide file tree
Showing 3 changed files with 272 additions and 30 deletions.
92 changes: 65 additions & 27 deletions src/components/Resume/components/SideBar/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React from 'react';
import { Text } from '@react-pdf/renderer';
import { Text, Image } from '@react-pdf/renderer';
// import homeIcon from './home2.png';

import {
LeftSideBar,
Expand All @@ -25,52 +26,89 @@ export const SideBar = () => {

<Section>
<SectionTitle>
<SectionLabel>About</SectionLabel>
<SectionLabel>Skills</SectionLabel>
</SectionTitle>

<Text style={{ paddingRight: '12px', textAlign: 'justify', lineHeight: '30px' }}>
Enthusiastic Full-Stack engineer eager to contribute to team success through hard work, attention to detail
and excellent organizational skills. Excellent reputation for resolving problems, flexibility and diligently.
Motivated to learn, grow and excel in variant technologies.
</Text>
</Section>
<SkillContainer>
<SkillLabel>JavaScript/TypeScript</SkillLabel>
<BarContainer>
<Bar style={{ width: '100%' }} />
</BarContainer>
<ExcellencyLabel>Excellent</ExcellencyLabel>
</SkillContainer>

<Section>
<SectionTitle>
<SectionLabel>Contact</SectionLabel>
</SectionTitle>
<SkillContainer>
<SkillLabel>Node.js</SkillLabel>
<BarContainer>
<Bar style={{ width: '90%' }} />
</BarContainer>
<ExcellencyLabel>Very Good</ExcellencyLabel>
</SkillContainer>

<TextBold>Address</TextBold>
<Text>TehranPars, Tehran, Iran</Text>
<SkillContainer>
<SkillLabel>Golang/Java</SkillLabel>
<BarContainer>
<Bar style={{ width: '90%' }} />
</BarContainer>
<ExcellencyLabel>Very Good</ExcellencyLabel>
</SkillContainer>

<TextBold style={{ marginTop: '6px' }}>Phone</TextBold>
<Text>+98 936 4650095</Text>
<SkillContainer>
<SkillLabel>React.js</SkillLabel>
<BarContainer>
<Bar style={{ width: '100%' }} />
</BarContainer>
<ExcellencyLabel>Excellent</ExcellencyLabel>
</SkillContainer>

<TextBold style={{ marginTop: '6px' }}>Email</TextBold>
<Text>[email protected]</Text>
</Section>
<SkillContainer>
<SkillLabel>React Native</SkillLabel>
<BarContainer>
<Bar style={{ width: '80%' }} />
</BarContainer>
<ExcellencyLabel>Good</ExcellencyLabel>
</SkillContainer>

<Section>
<SectionTitle>
<SectionLabel>Skills</SectionLabel>
</SectionTitle>
<SkillContainer>
<SkillLabel>Linux</SkillLabel>
<BarContainer>
<Bar style={{ width: '90%' }} />
</BarContainer>
<ExcellencyLabel>Very Good</ExcellencyLabel>
</SkillContainer>

<SkillContainer>
<SkillLabel>Node.js</SkillLabel>
<SkillLabel>Git</SkillLabel>
<BarContainer>
<Bar style={{ width: '90%' }} />
</BarContainer>
<ExcellencyLabel>Very Good</ExcellencyLabel>
</SkillContainer>

<SkillContainer>
<SkillLabel>React.js</SkillLabel>
<SkillLabel>CI/CD/Docker/Kubernetes</SkillLabel>
<BarContainer>
<Bar style={{ width: '100%' }} />
<Bar style={{ width: '70%' }} />
</BarContainer>
<ExcellencyLabel>Excellent</ExcellencyLabel>
<ExcellencyLabel>Experienced</ExcellencyLabel>
</SkillContainer>
</Section>

<Section>
<SectionTitle>
<SectionLabel>Contact</SectionLabel>
</SectionTitle>

<TextBold>Address</TextBold>
{/* <Image src={{ data: homeIcon as any, format: 'png' }} style={{ width: '24px', height: '24px' }} /> */}
<Text>TehranPars, Tehran, Iran</Text>

<TextBold style={{ marginTop: '6px' }}>Phone</TextBold>
<Text>+98 936 4650095</Text>

<TextBold style={{ marginTop: '6px' }}>Email</TextBold>
<Text>[email protected]</Text>
</Section>
</LeftSideBar>
);
};
164 changes: 162 additions & 2 deletions src/components/Resume/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,22 @@
import React from 'react';
import { Document, Font, Text } from '@react-pdf/renderer';
import { Document, Font, Text, View, Link } from '@react-pdf/renderer';

import { SideBar } from './components/SideBar';
import { Body, MainContent, Section, SectionTitleContainer, SectionTitle } from './styled';
import {
Body,
MainContent,
Section,
SectionTitleContainer,
SectionTitle,
WorkHeader,
JobTitle,
FlexRowView,
JobLocation,
JobDuration,
JobAcheivments,
Acheivment,
Bubble
} from './styled';

// Register font
Font.register({
Expand All @@ -23,10 +37,156 @@ const ResumeComponent = () => (
<Body size="A4">
<SideBar />
<MainContent>
<Section>
<SectionTitleContainer>
<SectionTitle>About Me</SectionTitle>
</SectionTitleContainer>
<Text style={{ padding: '12px', paddingTop: 0, textAlign: 'justify', lineHeight: '30px' }}>
Enthusiastic Full-Stack engineer eager to contribute to team success through hard work, attention to detail
and excellent organizational skills. Excellent reputation for resolving problems, flexibility and
diligently. Motivated to learn, grow and excel in variant technologies.
</Text>
</Section>

<Section>
<SectionTitleContainer>
<SectionTitle>Work History</SectionTitle>
</SectionTitleContainer>

<WorkHeader>
<JobTitle>React Front-End developer</JobTitle>
<FlexRowView>
<JobLocation>Pinwork</JobLocation>
<JobDuration>Oct. 2019 - Present</JobDuration>
</FlexRowView>

<JobAcheivments>
<Acheivment>
<Bubble></Bubble>
<Text>
Develop, deploy and maintain main website of <Link src="https://pinwork.ir">Pinwork.ir</Link>
</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>React, Function Components, Hooks, Styled Components, AppContext, Typescript</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Jest and Enzyme unit testing, Cypress E2E tests</Text>
</Acheivment>
</JobAcheivments>
</WorkHeader>

<WorkHeader>
<JobTitle>Full-Stack JavaScript developer</JobTitle>
<FlexRowView>
<JobLocation>PragmIdea</JobLocation>
<JobDuration>Apr. 2019 - Oct 2019</JobDuration>
</FlexRowView>

<JobAcheivments>
<Acheivment>
<Bubble></Bubble>
<Text>Developing an organizational meeting scheduling application.</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Backend: Node.js, Express, GraphQL, MongoDB</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Frontend: React, Function Components, Hooks, Styled Components, AppContext, Typescript</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Jest and Enzyme unit testing, Cypress E2E tests</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Gitlab CI/CD, Docker</Text>
</Acheivment>
</JobAcheivments>
</WorkHeader>

<WorkHeader>
<JobTitle>Full-Stack developer</JobTitle>
<FlexRowView>
<JobLocation>Yekta Rah Avard Jinoos (Miraj)</JobLocation>
<JobDuration>May 2017 - Jun 2018</JobDuration>
</FlexRowView>

<JobAcheivments>
<Acheivment>
<Bubble></Bubble>
<Text>Design, develop and maintaining of an emergency fire events monitoring system.</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Backend: Golang, PostgreSQL, PostGIS, Microservices</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Frontend: Angular 6, Material Design, Leaflet maps</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Docker, offline map tile server and containerized structure</Text>
</Acheivment>
</JobAcheivments>
</WorkHeader>

<WorkHeader>
<JobTitle>Senior Android and React-Native Developer</JobTitle>
<FlexRowView>
<JobLocation>Dolphin Apadana</JobLocation>
<JobDuration>May. 2014 - Feb. 2017</JobDuration>
</FlexRowView>
<JobAcheivments>
<Acheivment>
<Bubble></Bubble>
<Text>
Designed and Developed various mobile application (e.g. asset dispatching, fleet management, hand-held
tracker, etc)
</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Trained 2 junior mobile developers</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Designed and implmeneted a propriatery real-time, reliable connection protocol.</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Techs used: Java, Golang, Android SDK, PostgreSQL, PostGIS</Text>
</Acheivment>
</JobAcheivments>
</WorkHeader>

<WorkHeader>
<JobTitle>.Net Developer</JobTitle>
<FlexRowView>
<JobLocation>Sub-sea R&D Center, Isfahan University of Technology</JobLocation>
<JobDuration>Dec. 2013 - May. 2014</JobDuration>
</FlexRowView>

<JobAcheivments>
<Acheivment>
<Bubble></Bubble>
<Text>Part of the full-stack ASP.Net development team.</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Developed a fully customizable charting and analyzing dashboard.</Text>
</Acheivment>
<Acheivment>
<Bubble></Bubble>
<Text>Techs used: ASP.net MVC, Entity Framework, SQL Server, HighCharts</Text>
</Acheivment>
</JobAcheivments>
</WorkHeader>
</Section>
</MainContent>
</Body>
Expand Down
46 changes: 45 additions & 1 deletion src/components/Resume/styled.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,54 @@ export const Section = styled.View``;

export const SectionTitleContainer = styled.View`
border: 1px solid #d5d6d6;
padding: 5px 12px;
padding: 3px 12px;
margin-bottom: 8px;
`;

export const SectionTitle = styled.Text`
color: #003d73;
font-size: 16px;
`;

export const WorkHeader = styled.View`
padding: 0 12px;
margin-bottom: 8px;
`;

export const JobTitle = styled.Text`
color: #343434;
font-size: 12px;
`;

export const FlexRowView = styled.View`
flex-direction: row;
justify-content: space-between;
`;

export const JobLocation = styled.Text`
font-size: 9px;
color: #909090;
`;

export const JobDuration = styled.Text`
font-size: 9px;
color: #909090;
`;

export const JobAcheivments = styled.View`
margin-top: 1px;
`;

export const Acheivment = styled.View`
font-size: 9px;
flex-direction: row;
align-items: center;
`;

export const Bubble = styled.View`
width: 3px;
height: 3px;
border-radius: 3px;
background-color: gray;
margin-right: 5px;
`;

0 comments on commit 03b05fd

Please sign in to comment.