SHAVRKA

beyond the screen

useMatrixRain.ts — portfolio
5
●Hero.tsx×
●MatrixRain.tsx●
●useMatrixRain.ts×
●globals.css×
●page.tsx●
▶ Run
src›app›hooks›useMatrixRain.ts
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
import { useEffect, useRef } from 'react'
​
// Matrix Rain — canvas hook
export function useMatrixRain() {
const ref = useRef<HTMLCanvasElement>(null)
​
useEffect(() => {
const canvas = ref.current
if (!canvas) return
const ctx = canvas.getContext('2d')
const SIZE = 14, cols = Math.floor(canvas.width / SIZE)
const drops = Array(cols).fill(0)
​
const draw = () => {
ctx.fillStyle = 'rgba(11,15,25,0.05)'
ctx.fillRect(0, 0, canvas.width, canvas.height)
drops.forEach((y, i) => {
ctx.fillStyle = '#a855f7'
ctx.fillText('ア', i * SIZE, y)
if (y > canvas.height) drops[i] = 0
​
​
main*0
Ln 30, Col 1

About Me

Mihailo Blagojević

Full-stack developer from Banja Luka, working under the nickname Shavrka. Passionate about creating beautiful, performant web applications and turning complex problems into simple, elegant solutions.

When I'm not coding, you'll find me exploring new technologies, contributing to open-source, or sipping coffee while sketching out my next project idea.

Mihailo Shavrka
Download CV
2+Years Exp.
9+Projects
6+Clients
2024

Freelance Full-Stack Developer

Building custom web apps, e-commerce platforms, and SaaS products for clients worldwide.

2023

Frontend Developer

Developed pixel-perfect UIs with React, Next.js and TypeScript. Focused on performance and accessibility.

2022

Started Web Development

Dove deep into HTML, CSS, JavaScript, and quickly moved to React. Built first production projects.

Projects

Featured Work

A selection of projects I've built — each one a chance to learn something new and push boundaries.

Portfolio Website

Portfolio Website

Dark-themed creative portfolio with 3D globe, Matrix rain, Aurora background, and buttery-smooth animations.

Next.jsThree.jsFramer MotionTailwind
GitHub Stats Streak v2

GitHub Stats Streak v2

Upgraded GitHub contribution tracker with streak statistics, charts, and profile analytics.

JavaScriptGitHub APIChartsNode.js
C-Programiranje

C-Programiranje

Comprehensive collection of C programming exercises and algorithms — from basics to advanced data structures.

CAlgorithmsData StructuresLinux
Port Scanner

Port Scanner

Fast concurrent TCP port scanner with banner grabbing, network discovery, and interactive CLI — built in Go.

GoNetworkingSecurityCLI

Testimonials

What Clients Say

“Mihailo built a custom dashboard for tracking our inventory and it completely streamlined our workflow. He understood exactly what we needed after one call and delivered a clean, fast solution. Very professional for his age.”

SI
Stefan IlićOperations Manager, Belgrade

“I've been collaborating with Mihailo on open-source projects for over a year. His Go and C code is solid — he writes the kind of clean, well-structured code that makes reviewing a pleasure. Always reliable and easy to work with.”

NP
Nikola PetrovićBackend Developer & OSS Contributor

“I asked Mihailo to build a website for my small business and he delivered something way beyond what I expected. Fast, responsive, and looks professional. He was patient with my feedback and made every revision without complaint.”

MJ
Marko JovanovićSmall Business Owner, Novi Sad

Blog

Latest Writing

Thoughts on web development, design patterns, and lessons learned from building real-world applications.

01 Feb 20264 min read

How I Built My GitHub Profile README

A walkthrough of how I created the github.com/Shavrka/Shavrka profile README — from the hidden repo trick to animated badges, tech stack icons, and a layout that actually reflects who I am as a developer.

GitHubMarkdown
Read
03 Feb 20268 min read

Building a 3D Tech Stack Visualisation with Three.js

A deep dive into how I created the interactive 3D card grid for this portfolio using React Three Fiber and custom shaders.

Three.jsWebGL
Read
05 Feb 20266 min read

Mastering Framer Motion: From Basics to Complex Animations

Tips and patterns I've learned for creating smooth, performant animations in React applications using Framer Motion.

AnimationReact
Read
07 Feb 20267 min read

Next.js App Router: Patterns That Actually Work

Patterns and best practices for building scalable apps with Next.js App Router.

Next.jsReact
Read
09 Feb 20265 min read

Tailwind CSS: 10 Tips I Wish I Knew Earlier

Power-user tips for writing cleaner, more maintainable Tailwind CSS — from custom utilities to component patterns.

CSSTailwind
Read
11 Feb 20266 min read

TypeScript Generics: Flexible Patterns for Modern JS

How generics in TypeScript unlock reusable, type-safe code for collections, APIs, and more.

TypeScriptGenerics
Read
13 Feb 20265 min read

Git Workflow: Best Practices for Teams

Feature branches, Git Flow, and forking — how to keep your repo clean and your team productive.

GitWorkflow
Read
15 Feb 20264 min read

VSCode Setup: Extensions and Settings for Productivity

My favorite VSCode extensions, themes, and settings for a fast, distraction-free workflow.

VSCodeProductivity
Read
17 Feb 20267 min read

Node.js Express API: Quickstart Guide

How to build a simple REST API with Express, including routing, middleware, and error handling.

Node.jsExpress
Read
19 Feb 20266 min read

C Pointers Explained: Memory Management for Beginners

Pointers demystified — how they work, why they're powerful, and common pitfalls in C programming.

CPointers
Read
21 Feb 20265 min read

TypeScript vs JavaScript: Why I Switched

Comparing TypeScript and JavaScript for modern web development — type safety, tooling, and developer experience.

TypeScriptJavaScript
Read
23 Feb 20266 min read

AI Coding Tools: Copilot, Tabnine, and More

How AI-powered coding assistants are changing the way we write code — pros, cons, and my favorites.

AICoding Tools
Read
25 Feb 202610 min read

Docker for Frontend Developers: A Practical Introduction

You don't need to be a DevOps expert to use Docker. Here's how frontend devs can containerize apps and simplify deployment.

DockerDevOps
Read
27 Feb 20265 min read

CLI Tools in Node.js: Build Your Own Command Line Apps

How to create powerful CLI tools with Node.js — libraries, patterns, and deployment tips.

Node.jsCLI
Read
01 Mar 20268 min read

Python Scripts That Automate My Daily Tasks

File organization, data scraping, report generation — practical Python automations I use to save time every day.

PythonAutomation
Read
01 Feb 20264 min read

How I Built My GitHub Profile README

A walkthrough of how I created the github.com/Shavrka/Shavrka profile README — from the hidden repo trick to animated badges, tech stack icons, and a layout that actually reflects who I am as a developer.

GitHubMarkdown
Read
03 Feb 20268 min read

Building a 3D Tech Stack Visualisation with Three.js

A deep dive into how I created the interactive 3D card grid for this portfolio using React Three Fiber and custom shaders.

Three.jsWebGL
Read
05 Feb 20266 min read

Mastering Framer Motion: From Basics to Complex Animations

Tips and patterns I've learned for creating smooth, performant animations in React applications using Framer Motion.

AnimationReact
Read
07 Feb 20267 min read

Next.js App Router: Patterns That Actually Work

Patterns and best practices for building scalable apps with Next.js App Router.

Next.jsReact
Read
09 Feb 20265 min read

Tailwind CSS: 10 Tips I Wish I Knew Earlier

Power-user tips for writing cleaner, more maintainable Tailwind CSS — from custom utilities to component patterns.

CSSTailwind
Read
11 Feb 20266 min read

TypeScript Generics: Flexible Patterns for Modern JS

How generics in TypeScript unlock reusable, type-safe code for collections, APIs, and more.

TypeScriptGenerics
Read
13 Feb 20265 min read

Git Workflow: Best Practices for Teams

Feature branches, Git Flow, and forking — how to keep your repo clean and your team productive.

GitWorkflow
Read
15 Feb 20264 min read

VSCode Setup: Extensions and Settings for Productivity

My favorite VSCode extensions, themes, and settings for a fast, distraction-free workflow.

VSCodeProductivity
Read
17 Feb 20267 min read

Node.js Express API: Quickstart Guide

How to build a simple REST API with Express, including routing, middleware, and error handling.

Node.jsExpress
Read
19 Feb 20266 min read

C Pointers Explained: Memory Management for Beginners

Pointers demystified — how they work, why they're powerful, and common pitfalls in C programming.

CPointers
Read
21 Feb 20265 min read

TypeScript vs JavaScript: Why I Switched

Comparing TypeScript and JavaScript for modern web development — type safety, tooling, and developer experience.

TypeScriptJavaScript
Read
23 Feb 20266 min read

AI Coding Tools: Copilot, Tabnine, and More

How AI-powered coding assistants are changing the way we write code — pros, cons, and my favorites.

AICoding Tools
Read
25 Feb 202610 min read

Docker for Frontend Developers: A Practical Introduction

You don't need to be a DevOps expert to use Docker. Here's how frontend devs can containerize apps and simplify deployment.

DockerDevOps
Read
27 Feb 20265 min read

CLI Tools in Node.js: Build Your Own Command Line Apps

How to create powerful CLI tools with Node.js — libraries, patterns, and deployment tips.

Node.jsCLI
Read
01 Mar 20268 min read

Python Scripts That Automate My Daily Tasks

File organization, data scraping, report generation — practical Python automations I use to save time every day.

PythonAutomation
Read
01 Feb 20264 min read

How I Built My GitHub Profile README

A walkthrough of how I created the github.com/Shavrka/Shavrka profile README — from the hidden repo trick to animated badges, tech stack icons, and a layout that actually reflects who I am as a developer.

GitHubMarkdown
Read
03 Feb 20268 min read

Building a 3D Tech Stack Visualisation with Three.js

A deep dive into how I created the interactive 3D card grid for this portfolio using React Three Fiber and custom shaders.

Three.jsWebGL
Read
05 Feb 20266 min read

Mastering Framer Motion: From Basics to Complex Animations

Tips and patterns I've learned for creating smooth, performant animations in React applications using Framer Motion.

AnimationReact
Read
07 Feb 20267 min read

Next.js App Router: Patterns That Actually Work

Patterns and best practices for building scalable apps with Next.js App Router.

Next.jsReact
Read
09 Feb 20265 min read

Tailwind CSS: 10 Tips I Wish I Knew Earlier

Power-user tips for writing cleaner, more maintainable Tailwind CSS — from custom utilities to component patterns.

CSSTailwind
Read
11 Feb 20266 min read

TypeScript Generics: Flexible Patterns for Modern JS

How generics in TypeScript unlock reusable, type-safe code for collections, APIs, and more.

TypeScriptGenerics
Read
13 Feb 20265 min read

Git Workflow: Best Practices for Teams

Feature branches, Git Flow, and forking — how to keep your repo clean and your team productive.

GitWorkflow
Read
15 Feb 20264 min read

VSCode Setup: Extensions and Settings for Productivity

My favorite VSCode extensions, themes, and settings for a fast, distraction-free workflow.

VSCodeProductivity
Read
17 Feb 20267 min read

Node.js Express API: Quickstart Guide

How to build a simple REST API with Express, including routing, middleware, and error handling.

Node.jsExpress
Read
19 Feb 20266 min read

C Pointers Explained: Memory Management for Beginners

Pointers demystified — how they work, why they're powerful, and common pitfalls in C programming.

CPointers
Read
21 Feb 20265 min read

TypeScript vs JavaScript: Why I Switched

Comparing TypeScript and JavaScript for modern web development — type safety, tooling, and developer experience.

TypeScriptJavaScript
Read
23 Feb 20266 min read

AI Coding Tools: Copilot, Tabnine, and More

How AI-powered coding assistants are changing the way we write code — pros, cons, and my favorites.

AICoding Tools
Read
25 Feb 202610 min read

Docker for Frontend Developers: A Practical Introduction

You don't need to be a DevOps expert to use Docker. Here's how frontend devs can containerize apps and simplify deployment.

DockerDevOps
Read
27 Feb 20265 min read

CLI Tools in Node.js: Build Your Own Command Line Apps

How to create powerful CLI tools with Node.js — libraries, patterns, and deployment tips.

Node.jsCLI
Read
01 Mar 20268 min read

Python Scripts That Automate My Daily Tasks

File organization, data scraping, report generation — practical Python automations I use to save time every day.

PythonAutomation
Read
Banja Luka, Republika Srpska, BiH

Contact

Get in Touch

Have a project in mind or want to collaborate? Feel free to reach out — I'm always open to discussing new opportunities.

Emailmihailoshavrka@gmail.com
LocationBanja Luka, Republika Srpska, BiH
GitHubgithub.com/Shavrka
UpWorkUpWork Profile
Available for freelance projects
Source Code

Beyond the screen

You take the blue pill — tabs close, nothing happens and you believe whatever you want to believe. But, you take the red pill — you stay in wonderland, and I show you how deep the rabbit hole goes.

Take the red pill