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
View details

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
View details

GitHub Stats Streak v2

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

JavaScriptGitHub APIChartsNode.js
C-Programiranje
View details

C-Programiranje

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

CAlgorithmsData StructuresLinux
View details

Shell Commander

Custom shell program with built-in commands, piping, and job control — currently in development.

CLinuxPOSIXSystems Programming

Testimonials

What Clients Say

“Mihailo delivered exactly what we needed — a fast, beautiful web app that our users love. His attention to detail is incredible.”

AJ
Alex JohnsonCEO, TechStartup

“Working with Mihailo was a pleasure. He took our vague ideas and turned them into a polished, professional product in record time.”

SW
Sarah WilliamsProduct Manager, DesignCo

“The best developer I've hired on Upwork. Clean code, great communication, and always goes the extra mile. Highly recommended.”

MC
Mark ChenFounder, AppLab

Blog

Latest Writing

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

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
Jan 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
Dec 20256 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
Nov 20257 min read

Next.js App Router: Patterns That Actually Work

Practical patterns for server components, loading states, and data fetching in the Next.js 14 App Router.

Next.jsReact
Read
Oct 20255 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
Sep 20259 min read

TypeScript Generics: A Practical Guide

Understanding generics through real examples — from simple type parameters to advanced conditional types.

TypeScriptTutorial
Read
Aug 20254 min read

Git Workflow for Solo Developers

A streamlined Git workflow that keeps your history clean without the overhead of complex branching strategies.

GitWorkflow
Read
Jul 20256 min read

My VS Code Setup for Maximum Productivity

Extensions, themes, keybindings, and settings that make VS Code feel like a superpower.

VS CodeTools
Read
Jun 202510 min read

Building REST APIs with Node.js & Express

A beginner-friendly guide to building clean, well-structured REST APIs using Node.js, Express, and best practices.

Node.jsAPI
Read
May 20258 min read

C Programming: Understanding Pointers Once and For All

Demystifying pointers, memory addresses, and dynamic allocation in C — with clear diagrams and examples.

CTutorial
Read
Apr 20257 min read

TypeScript vs JavaScript: When to Use Which

A practical guide to choosing between TypeScript and JavaScript for your next project — with real-world examples and trade-offs.

TypeScriptJavaScript
Read
Apr 20256 min read

My VS Code Setup for Maximum Productivity in 2025

Extensions, themes, keybindings, and settings I use daily to write code faster and stay focused.

VS CodeProductivity
Read
Mar 20259 min read

Getting Started with Rust: A Web Developer's Perspective

My journey learning Rust as a JavaScript/TypeScript developer — what clicked, what confused me, and why it's worth it.

RustLearning
Read
Mar 20258 min read

AI Tools That Actually Help Me Code Better

From GitHub Copilot to ChatGPT and beyond — how I integrate AI into my development workflow without losing control.

AIProductivity
Read
Feb 202510 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
Feb 20257 min read

Git Workflow Tips That Save Me Hours Every Week

Interactive rebase, stash techniques, bisect debugging, and other advanced Git commands I wish I learned earlier.

GitTips
Read
Jan 202512 min read

Building CLI Tools with Node.js: From Zero to npm Publish

Step-by-step guide to creating command-line tools in Node.js — argument parsing, colored output, and publishing to npm.

Node.jsCLI
Read
Jan 20258 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
Dec 202411 min read

Next.js vs Remix: A Hands-On Comparison

I built the same app in both frameworks. Here's what I learned about data fetching, routing, and developer experience.

Next.jsRemix
Read
View all articles
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