junaid irfan

web developer

Junaid Irfan Profile

a full-stack developer with a strong focus on front-end experiences. passionate about crafting modern web applications that look great and perform even better. beyond code, i dive into cinematography, videography, and motion design blending creativity and technology to bring visually engaging ideas to life.

web development

modern, responsive web apps

cloud engineering

scalable cloud infrastructure

devops

ci/cd and automation

ui/ux design

intuitive, beautiful interfaces

psst! this website is hosted on my home server. check out the infrastructure section below to see how!

technical skills

my toolkit includes a wide range of technologies that i've mastered to create exceptional digital experiences and robust cloud infrastructure.

development & databases

TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n
TypeScript
TypeScript
JavaScript
JavaScript
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
GSAP
PostgreSQL
PostgreSQL
MongoDB
MongoDB
SQLite
SQLite
WordPress
WordPress
Shopify
Shopify
Webflow
Webflow
n8n

cloud & devops

Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API
Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API
Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API
Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API
Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API
Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API
Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API
Docker
Docker
AWS
AWS
Proxmox
GitHub Actions
GitHub Actions
Git
Git
Wireshark
Wireshark
ChatGPT API

design & 3d

Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve
Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve
Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve
Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve
Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve
Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve
Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve
Figma
Figma
After Effects
After Effects
Photoshop
Photoshop
Illustrator
Illustrator
Premiere Pro
Premiere Pro
Unity
Unity
Blender
Blender
DaVinci Resolve
DaVinci Resolve

featured projects

a showcase of projects demonstrating key skills and problem-solving approaches.

smartballot: blockchain voting system
securevote hackathon 2024 runner-up
a modern, blockchain-based voting platform ensuring security, transparency, accessibility, and privacy in electoral processes.

technologies used

bulletin board server
a multi-threaded bulletin board server implemented in c that allows clients to write and read messages while ensuring data consistency across multiple instances.

technologies used

tayyab portfolio
a clean, modern portfolio website built with next.js and tailwind css, featuring smooth animations and dark/light theme support for a friend's professional showcase.

technologies used

this site
this website is a showcase of my technical skills and creative problem-solving abilities. it's so meta, it's recursively describing itself!

technologies used

busrc website
served as webmaster for the bishop's university src website, managing content updates, site maintenance, and implementing new features.

technologies used

socialsight
a modern web application that allows users to preview how their images will appear across different social media platforms.

technologies used

design stuff
explore my creative work in motion graphics, graphic design, and cinematography. available for freelance projects and full-time opportunities.

technologies used

education

my academic journey providing a strong foundation in computer science theory and practice.

m.sc. computer science
bishop's university • sherbrooke, qc
september, 2023 - april, 2025
grade: 89.79

relevant coursework

database software design
web development patterns
big data management & analytics
data visualization
software engineering
pattern recognition
distributed systems
advanced algorithms
b.sc. computer science
comsats university islamabad • islamabad, pakistan
september, 2018 - september, 2022

foundational studies in computer science with emphasis on algorithms, data structures, databases, mobile app development, and software engineering

professional experience

my journey in the tech industry, highlighting key roles and accomplishments

webmaster
bishop's university
september 2023 - april 2024
1 yr
  • led management and maintainance of my university's SRC website
  • developed and maintained web application features
  • implemented custom UI components aligned with university brand guidelines
  • optimized website performance and accessibility for better user experience
  • collaborated with departments to integrate events and organized systems
  • solved complex integration challenges by designing and implementing custom solutions connecting frontend interfaces with APIs
  • collaborated closely with non-technical stakeholders from departments, clearly communicating technical details and solutions to ensure alignment with requirements

key skills used

software developer
bytewise
september 2022 - august 2023
1 yr
  • developed full-stack features using the MERN stack with a strong focus on TypeScript for type-safe, maintainable code
  • designed and integrated RESTful APIs, tested endpoints with Postman, and optimized data handling in MongoDB for performance and scalability
  • collaborated with cross-functional teams to deliver web applications on schedule, translating requirements into reliable technical implementations
  • improved user experience by building reusable React components and implementing state management solutions

key skills used

self-hosted infrastructure

this portfolio and other services are powered by my custom home server setup running on proxmox, with docker containers and tailscale for secure remote access from anywhere

proxmox virtualization
self-hosted proxmox server running on custom hardware, enabling efficient resource allocation for multiple virtual machines and containers.

key aspects

bare-metal hypervisor
resource optimization
VM & container management
high availability setup
docker ecosystem
containerized applications using docker and docker compose for consistent deployment, including this portfolio website and various other services.

key aspects

isolated environments
easy service updates
resource efficiency
simplified management
tilscale network
secure remote access to the entire infrastructure from anywhere using tailscale's wireguard-based mesh network with zero configuration.

key aspects

end-to-end encryption
zero-config VPN
multi-device access
access control policies
home server architecture
a simplified view of how my home server infrastructure powers this portfolio and other services

custom hardware

energy-efficient server with redundant storage

proxmox ve

virtualization platform

docker containers

portfolio and services

tailscale network

secure remote access

security layer

cloudflare protection and cdn

applications & services

technical specifications

hardware

  • • custom-built server with AMD Ryzen processor
  • • 32GB ECC RAM for reliability
  • • ZFS RAID for data redundancy
  • • UPS backup power system

services & network

  • • Proxmox VE virtualization
  • • Docker containers for all services
  • • Tailscale for secure remote access
  • • Cloudflare for DNS and CDN

get in touch

have a question or want to collaborate? feel free to reach out using the form below or my contact details

contact information
other ways to connect with me
send me a message
i usually respond within 24-48 hours.