1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
|
\documentclass[10pt,a4paper,ragged2e,withhyper]{altacv}
\geometry{left=1.25cm,right=1.25cm,top=1.5cm,bottom=1.5cm,columnsep=1.2cm}
\usepackage{paracol}
% Change the font if you want to, depending on whether
% you're using pdflatex or xelatex/lualatex
\ifxetexorluatex{}
% If using xelatex or lualatex:
\setmainfont{Lato}
\else
% If using pdflatex:
\usepackage[default]{lato}
\fi
\definecolor{NiceBlue}{HTML}{0472c3}
\definecolor{SlateGrey}{HTML}{202020}
\definecolor{LightGrey}{HTML}{333333}
\colorlet{tagline}{NiceBlue}
\colorlet{heading}{NiceBlue}
\colorlet{headingrule}{NiceBlue}
\colorlet{subheading}{NiceBlue}
\colorlet{accent}{NiceBlue}
\colorlet{emphasis}{SlateGrey}
\colorlet{body}{LightGrey}
\renewcommand{\itemmarker}{{\small\textbullet}}
\renewcommand{\ratingmarker}{\faCircle}
%% My additional commands. %%
\NewInfoField{githubinfo}{\faGithub}[https://]
\newcommand{\myGithubUsername}{MatejaMaric}
\newcommand{\cvproject}[3]{
{\large\color{emphasis}#1\par}
\smallskip\normalsize
\ifstrequal{#2}{}{}{{\small\makebox[0.5\linewidth][l]{\faGlobe~\href{https://#2}{#2}}}}
\ifstrequal{#3}{}{}{{\small\makebox[0.5\linewidth][l]{\faGithub~\href{https://github.com/\myGithubUsername/#3}{#3}}}}\par
\medskip\normalsize
}
\renewcommand{\divider}{\textcolor{body!60}{\hdashrule{\linewidth}{0.6pt}{0.5ex}}\medskip}
\renewcommand{\cvtag}[1]{
\tikz[baseline]\node[anchor=base,draw=body!60,rounded corners,inner xsep=1ex,inner ysep =0.75ex,text height=1.5ex,text depth=.25ex,line width=0.6pt]{#1};
}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\begin{document}
\name{Mateja Mari\'c}
\tagline{Fullstack JavaScript Developer}
\personalinfo{
\location{Belgrade, Serbia}
\homepage{matejamaric.com}
\email{mail@matejamaric.com}
\githubinfo{github.com/\myGithubUsername}
\linkedin{mateja-m-maric}
%\phone{+000 00 000 0000}
}
\makecvheader{}
%% Depending on your tastes, you may want to make fonts of itemize environments slightly smaller
\AtBeginEnvironment{itemize}{\small}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\cvsection{Work Experience}
\cvevent{JavaScript Developer}{Computer Rock}{September 2021 -- Present}{Belgrade, Serbia}
\begin{itemize}
\item I am currently working as a JavaScript Developer at Computer Rock, a
Swiss-based IT company. I am mostly working with Vue.js, Nuxt.js and SCSS.
\item I worked on the frontend implementation of a Chinese corporate clients
new website. I worked directly with the product manager and senior management
team to define and groom tickets and implementation, advising as required
on approach and implementation.
\item I currently work on the Web UI of a British client's real estate data extraction
and analysis tool.
\end{itemize}
\cvsection{Selected Projects}
\cvsubsection{Web Development}
\cvproject{Frequency Reservation Website For Serbian Radio Amateurs}{yota.yu1srs.org.rs}{yota-laravel}
\begin{itemize}
\item Website I made for Serbian section of international youth amateur radio organization ``Youngsters On The Air'' (\href{https://www.ham-yota.com/}{www.ham-yota.com}).
\item It's made using Laravel, Vue.js, MariaDB and Bootstrap.
\end{itemize}
\medskip
\cvproject{E-commerce Website Made In MEVN Stack}{mevn-ecommerce.matejamaric.com}{mevn-ecommerce}
\begin{itemize}
\item E-commerce website with full PayPal integration, made using MongoDB, Express.js, Vue.js and Node.js.
\item Transactions are made and captured on server side and all order informations, including shipping, are stored in database.
\end{itemize}
\divider{}
\cvsubsection{GNU/Linux Administration}
\cvproject{Mail Server}{}{}
\begin{itemize}
\item I host my very own mail server that serves my domain. It runs OpenSMTPD, Dovecot and Rspamd.
\item Hosted on an unmanaged Virtual Private Server with full root and VNC access, where I configured everything from ground up.
\end{itemize}
\medskip
\cvproject{Git Server}{git.matejamaric.com}{}
\begin{itemize}
\item I have a git server that I use for my public and private repositories.
It runs Gitolite and serves public repositories with Cgit,
git-http-backend and Apache. I also have a blog post about it:
\url{https://matejamaric.com/blog/git-server/}
\end{itemize}
\cvsection{Technologies}
\cvsubsection{Languages: }
\cvtag{HTML5}
\cvtag{CSS3}
\cvtag{JavaScript}
\cvtag{PHP}
\cvtag{Go}
\cvtag{SQL}
\smallskip
\cvsubsection{Frameworks: }
\cvtag{Vue.js}
\cvtag{Nuxt.js}
\cvtag{Express.js}
\cvtag{Laravel}
\smallskip
\cvsubsection{Databases: }
\cvtag{MariaDB}
\cvtag{MongoDB}
\smallskip
\cvsubsection{Other: }
\cvtag{Git}
\cvtag{GNU/Linux}
\cvtag{Docker}
\pagebreak
\cvsection{Education}
\cvevent{B.A.Sc in New Computer Technologies}{School of Electrical and Computer Engineering of Applied Studies}{2019 --- 2022 (Expected)}{Belgrade, Serbia}
\divider{}
\cvevent{Computer Electrotechnician}{Electrical Engineering High School ``Nikola Tesla''}{2015 --- 2019}{Belgrade, Serbia}
\cvsection{Languages}
\begin{itemize}
\item \textbf{Serbian (native)}
\item \textbf{English (fluent)}
\end{itemize}
\cvsection{Interests}
\cvtag{Unix-like operating systems}
\cvtag{Free (as in freedom) software}
\cvtag{Web development}
\cvtag{Cloud Native}
\cvtag{DevOps}
\cvtag{Microservices}
\cvtag{Minimalist software}
\end{document}
|
