\documentclass[10pt, a4paper]{article}
% Packages
\usepackage[utf8]{inputenc}
\usepackage[margin=0.4in]{geometry}
\usepackage{helvet}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{xcolor}
\usepackage{hyperref}
\usepackage{fontawesome5}
\usepackage{enumitem}
\usepackage{parskip}
% Colors
\definecolor{primary}{HTML}{111827}
\definecolor{secondary}{HTML}{374151}
\definecolor{linkcolor}{HTML}{2563EB}
\definecolor{linecolor}{HTML}{D1D5DB}
% Hyperref Setup (ATS friendly text parsing)
\hypersetup{
colorlinks=true,
linkcolor=linkcolor,
urlcolor=linkcolor,
pdftitle={Jahirul Islam - Frontend Developer Resume},
pdfauthor={Jahirul Islam}
}
% List formatting for single page fit
\setlist[itemize]{noitemsep, topsep=1.5pt, parsep=0pt, partopsep=0pt, leftmargin=11pt}
% Section Header Command
\newcommand{\cvsection}[1]{%
\vspace{5pt}%
{\fontsize{10.5pt}{12.5pt}\selectfont \bfseries \color{primary} \MakeUppercase{#1}}%
\vspace{2pt}%
{\color{linecolor}\hrule height 0.5pt}%
\vspace{3pt}%
}
\pagestyle{empty}
\begin{document}
% ------------------- HEADER -------------------
\noindent
\begin{minipage}[t]{0.55\textwidth}
{\fontsize{20pt}{23pt}\selectfont \bfseries \color{primary} Jahirul Islam} \\[2pt]
{\large \bfseries \color{secondary} Frontend Developer} \\[3pt]
{\small \color{secondary} Portfolio: \href{https://jahirul.vercel.app/}{jahirul.vercel.app} \hspace{4pt}|\hspace{4pt} GitHub: \href{https://github.com/Jahirul077}{github.com/Jahirul077}}
\end{minipage}%
\begin{minipage}[t]{0.45\textwidth}
\raggedleft \small \color{secondary}
\faPhone* \hspace{2pt} +880 1750-727138 \\[2pt]
\faEnvelope \hspace{2pt} \href{mailto:jahirulislamrayhan07@gmail.com}{jahirulislamrayhan07@gmail.com} \\[2pt]
\faMapMarker* \hspace{2pt} Badda Link Road, Dhaka, Bangladesh \\[2pt]
\faLinkedin \hspace{2pt} \href{https://www.linkedin.com/in/jahirul07}{linkedin.com/in/jahirul07}
\end{minipage}
\vspace{4pt}
% ------------------- SUMMARY -------------------
\noindent
\textcolor{secondary}{Frontend Developer with 1.5+ years of experience crafting high-performance, scalable web applications using React.js, Next.js, and TypeScript. Proficient in component-driven architecture, REST API integration, and state management using Redux and TanStack Query. Experienced in workflow automation (n8n, Zapier) and performance optimization, with a strong focus on delivering clean, maintainable, production-ready solutions.}
% ------------------- EXPERIENCE -------------------
\cvsection{EXPERIENCE}
\noindent
\textbf{\color{primary} Softvence Agency, Betopia} \hfill \textbf{\color{primary} Mohakhali, Dhaka} \\
\textit{\color{secondary} Frontend Developer} \hfill \textit{\color{secondary} Feb 2025 -- Present}
\begin{itemize}
\item Developed and maintained 5+ production web applications using React.js and Next.js, boosting page load performance by 35\% through code splitting, asset optimization, and caching strategies.
\item Built reusable component libraries with Tailwind CSS and shadcn/ui, accelerating development velocity by 30\% across agency projects.
\item Integrated complex REST APIs and optimized server-state management using Axios, Redux Toolkit, and TanStack Query for seamless data flow.
\end{itemize}
% \vspace{3pt}
%
% \noindent
% \textbf{\color{primary} Brain Craft Ltd} \hfill \textbf{\color{primary} Mohakhali DOHS, Dhaka} \\
% \textit{\color{secondary} Frontend Developer} \hfill \textit{\color{secondary} July 2023 -- Jan 2025}
% \begin{itemize}
% \item Engineered responsive, cross-browser web applications using React.js, Next.js, and Tailwind CSS, increasing mobile user engagement by 25\%.
% \item Consumed 15+ REST APIs and handled asynchronous server state with Axios and TanStack Query, cutting data fetching latency by 40\%.
% \item Created scalable and maintainable component structures to support rapid, iterative feature deployment.
% \item Collaborated closely with UI/UX designers and backend engineers to translate Figma designs into pixel-perfect web interfaces.
% \end{itemize}
% ------------------- TECHNICAL SKILLS -------------------
\cvsection{TECHNICAL SKILLS}
\noindent \textcolor{secondary}{%
\textbf{\color{primary} Languages:} HTML5, CSS3, JavaScript (ES6+), TypeScript. \\[2pt]
\textbf{\color{primary} Frontend Development:} React.js, Next.js, Redux Toolkit, TanStack Query, Context API, Tailwind CSS, shadcn/ui, MUI, Framer Motion, GSAP. \\[2pt]
\textbf{\color{primary} Backend \& Database:} Node.js, Express.js, MongoDB, PostgreSQL, Prisma ORM, REST APIs. \\[2pt]
\textbf{\color{primary} Automation \& Workflow:} n8n, Zapier. \\[2pt]
\textbf{\color{primary} Tools \& Platforms:} Git, GitHub, Postman, Firebase, JWT, Netlify, Vercel, Figma, Photoshop.%
}
% ------------------- PROJECTS -------------------
\cvsection{FEATURED PROJECTS}
\noindent {\small \textcolor{secondary}{\textit{Selected highlights from 30+ client \& agency production web applications. \href{https://jahirul.vercel.app/work}{View all work on Portfolio $\rightarrow$}}}} \vspace{4pt}
\noindent
\textbf{\color{primary} The Hike Station} \hfill \href{https://danielseveral.netlify.app}{https://danielseveral.netlify.app}
\begin{itemize}
\item Built a responsive journey-planning web app using React, Tailwind CSS, and Framer Motion for smooth visual interactions.
\end{itemize}
\vspace{2pt}
\noindent
\textbf{\color{primary} The Social Billboard} \hfill \href{https://thesocialbillboard.com}{https://thesocialbillboard.com}
\begin{itemize}
\item Engineered an interactive web platform frontend using React, Next.js, and Tailwind CSS with dynamic UI components and API integration.
\end{itemize}
\vspace{2pt}
\noindent
\textbf{\color{primary} ELesson Academy} \hfill \href{https://elesson.academy}{https://elesson.academy}
\begin{itemize}
\item Implemented interactive learning features and component architecture using React and Next.js for scalable page rendering.
\end{itemize}
\vspace{2pt}
\noindent
\textbf{\color{primary} Nexal Media} \hfill \href{https://nexalmedia.com}{https://nexalmedia.com}
\begin{itemize}
\item Created dynamic showcase UI sections using React and GSAP, delivering high-fps fluid visual animations.
\end{itemize}
\vspace{2pt}
\noindent
\textbf{\color{primary} Jardiloc} \hfill \href{https://jardiloc.com}{https://jardiloc.com}
\begin{itemize}
\item Built custom responsive layouts and modular UI component systems using Next.js and Tailwind CSS.
\end{itemize}
% ------------------- EDUCATION -------------------
\cvsection{EDUCATION \& CERTIFICATIONS}
\noindent
\textbf{\color{primary} University of Scholars} \hfill \textbf{\color{primary} Dhaka, Bangladesh} \\
\textit{\color{secondary} Bachelor of Business Administration (BBA)} \hfill \textit{\color{secondary} June 2024 -- Present} \\
{\small \textcolor{secondary}{\textit{Self-Taught Software Engineer with extensive hands-on experience in Web Development \& Workflow Automation.}}}
\end{document}