UTF-8 TypeScript React LF
1
import { FC } from "react";
2
import cvData from "./data/cv.json";
3
4
/**
5
* Curriculum Vitae — Fabio Pocci
6
* Full Stack Developer
7
* Last updated: 2024
8
*/
9
10
interface PersonalInfo {
11
name: string; // Fabio
12
surname: string; // Pocci
13
role: string; // Full Stack Developer
14
address: string; // Via dell'Aia 2, 51020 Calamecca (PT)
15
phone: string; // 320 0309320
16
email: string; // phomea@gmail.com
17
nationality: string; // Italiana
18
birthDate: string; // 30/05/1984
19
drivingLicense: string; // Patente B - Automunito
20
}
21
22
const FabioPocci: FC = () => {
23
24
const personalInfo: PersonalInfo = {
25
name: "Fabio",
26
surname: "Pocci",
27
role: "Full Stack Developer",
28
address: "Via dell'Aia 2, 51020 Calamecca (PT)",
29
phone: "320 0309320",
30
email: "phomea@gmail.com",
31
nationality: "Italiana",
32
birthDate: "30/05/1984",
33
drivingLicense: "Patente B - Automunito",
34
};
35
36
return (
37
<CV>
38
<Header>
39
<h1>Fabio Pocci</h1>
40
<h2>Full Stack Developer</h2>
41
<ContactBar
42
email="phomea@gmail.com"
43
phone="320 0309320"
44
location="Via dell'Aia 2, 51020 Calamecca (PT)"
45
/>
46
</Header>
47
48
{ /* ── Esperienza Lavorativa ─────────── */ }
49
<Section title="Esperienza Lavorativa">
50
<Job
51
company="SugarBear"
52
period="2022 - Presente"
53
role="Collaboratore fisso"
54
sector="Sviluppo applicativi"
55
>
56
<Task>Sviluppo Applicazioni Android / iOS</Task>
57
<Task>Flutter</Task>
58
<Task>Sviluppo Web - ReactJs</Task>
59
</Job>
60
61
<Job
62
company="SmanApp"
63
period="2017 - Presente"
64
role="Collaboratore fisso"
65
sector="Startup"
66
>
67
<Task>Sviluppo Applicazioni Android / iOS</Task>
68
<Task>Java / Objective-C / Swift / React Native</Task>
69
<Task>Gestionali Vue.js</Task>
70
<Task>API REST Node.js</Task>
71
</Job>
72
73
<Job
74
company="ElBuild"
75
period="2015 - 2017"
76
role="Full Stack Developer"
77
sector="Web Agency"
78
>
79
<Task>Angular / PHP / MySQL</Task>
80
</Job>
81
82
<Job
83
company="Confindustria Monsummano"
84
period="Luglio 2015 - Ottobre 2015"
85
role="Docente"
86
sector="Confindustria"
87
>
88
<Task>Docente JavaScript e jQuery</Task>
89
<Task>Numero ore: 70</Task>
90
</Job>
91
92
<Job
93
company="Coworkare"
94
period="2014 - 2015"
95
role="Docente"
96
sector="Associazione"
97
>
98
<Task>Docente HTML5, JavaScript, PHP e WordPress</Task>
99
<Task>Realizzazione app</Task>
100
</Job>
101
102
<Job
103
company="Lotrek"
104
period="2013 - 2015"
105
role="Freelance / Collaboratore fisso"
106
sector="Web Agency"
107
>
108
<Task>Realizzazione siti Web e mockup</Task>
109
<Task>Programmazione web (HTML / CSS / PHP / JavaScript)</Task>
110
<Task>Realizzazione grafiche e brochure</Task>
111
<Task>Realizzazione app iOS e Android</Task>
112
<Task>Project Manager</Task>
113
<Task>Elaborazioni video su After Effects</Task>
114
</Job>
115
116
<Job
117
company="Freelance"
118
period="2010 - 2013"
119
role="Grafico Web Freelance"
120
sector="Privati"
121
>
122
<Task>Realizzazione siti Web</Task>
123
<Task>Studio dei mockup</Task>
124
<Task>Programmazione web (HTML / CSS / PHP / JavaScript)</Task>
125
</Job>
126
</Section>
127
128
{ /* ── Istruzione e Formazione ─────────── */ }
129
<Section title="Istruzione e Formazione">
130
<Education
131
institution="Accademia Comics - Firenze"
132
period="2009 - 2012"
133
course="Tecniche Avanzate di Animazione Tradizionale e Digitale"
134
qualification="Diploma in Tecniche Avanzate di Animazione"
135
>
136
<Subject>Character Design</Subject>
137
<Subject>Animazione tradizionale e digitale</Subject>
138
<Subject>Regia e Storyboard</Subject>
139
<Subject>ToonBoom Animate / Photoshop / After Effects / Premiere</Subject>
140
</Education>
141
142
<Education
143
institution="Istituto Psico-Pedagogico Suore Mantellate - Pistoia"
144
period="2004 - 2006"
145
course="Pedagogia e Psicologia"
146
qualification="Diploma di scuola superiore (84/100)"
147
>
148
<Subject>Pedagogia</Subject>
149
<Subject>Psicologia</Subject>
150
</Education>
151
152
<Education
153
institution="I.T.I.S. S. Fedi - Pistoia"
154
period="1998 - 2004"
155
course="Informatica"
156
>
157
<Subject>Informatica</Subject>
158
<Subject>Sistemi</Subject>
159
<Subject>Analisi / Programmazione C / C++</Subject>
160
</Education>
161
</Section>
162
163
{ /* ── Competenze Tecniche ─────────── */ }
164
<Section title="Competenze Tecniche">
165
<SkillGroup label="Linguaggi di Programmazione">
166
<Skill name="C++" level="base" />/* base */
167
<Skill name="VB.NET" level="base" />/* base */
168
<Skill name="HTML" level="avanzato" />/* avanzato */
169
<Skill name="PHP" level="avanzato" />/* avanzato */
170
<Skill name="CSS" level="avanzato" />/* avanzato */
171
<Skill name="JavaScript / jQuery" level="avanzato" />/* avanzato */
172
<Skill name="React Native" level="avanzato" />/* avanzato */
173
<Skill name="ReactJs" level="avanzato" />/* avanzato */
174
<Skill name="Vue.js" level="avanzato" />/* avanzato */
175
<Skill name="Angular" level="buono" />/* buono */
176
<Skill name="Node.js" level="avanzato" />/* avanzato */
177
<Skill name="Flutter" level="avanzato" />/* avanzato */
178
<Skill name="Java (Android)" level="buono" />/* buono */
179
<Skill name="Objective-C / Swift" level="base" />/* base */
180
</SkillGroup>
181
182
<SkillGroup label="Software">
183
<Tool>3D Studio Max</Tool>
184
<Tool>Photoshop</Tool>
185
<Tool>Illustrator</Tool>
186
<Tool>After Effects</Tool>
187
<Tool>Premiere</Tool>
188
<Tool>ToonBoom Animate</Tool>
189
<Tool>Ableton</Tool>
190
<Tool>Logic</Tool>
191
</SkillGroup>
192
193
<SkillGroup label="Sistemi Operativi">
194
<OS>Windows</OS>
195
<OS>Linux</OS>
196
<OS>macOS</OS>
197
</SkillGroup>
198
</Section>
199
200
{ /* ── Lingue ─────────── */ }
201
<Section title="Lingue">
202
<Language name="Italiano" level="madrelingua" />
203
<Language name="Inglese" reading="Ottima" writing="Buona" speaking="Buona" />
204
<Language name="Francese" reading="Buona" writing="Discreta" speaking="Buona" />
205
</Section>
206
207
{ /* ── Altre Competenze ─────────── */ }
208
<Section title="Altre Competenze">
209
<Relational>Ottime capacita nel relazionarsi con il pubblico</Relational>
210
211
<Artistic>Disegno su carta e digitale (Photoshop)</Artistic>
212
<Artistic>Conoscenza della musica e dell'armonia</Artistic>
213
<Artistic>Pianoforte, Batteria, Chitarra, Basso, Violoncello</Artistic>
214
215
<Extra>Tecnico di palco e mixerista</Extra>
216
</Section>
217
218
</CV>
219
);
220
};
221
222
export default FabioPocci;