junaid irfan
web developer & cloud engineer
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 spans a wide range of technologies — from modern web frameworks to cloud infrastructure and creative tools.
Development & Databases
Cloud & DevOps
Design & 3D
featured projects
a showcase of projects demonstrating key skills and problem-solving approaches.
campusthrive: student wellness tracker
campusthrive: student wellness tracker
a completed, comprehensive, privacy-focused student wellness tracking web application built with Next.js, TypeScript, and Tailwind CSS. CampusThrive prioritizes student privacy by storing all data locally in the browser's localStorage.
stack
smartballot: blockchain voting system
smartballot: blockchain voting system
A modern, blockchain-based voting platform ensuring security, transparency, accessibility, and privacy in electoral processes.
stack
hoor charms: modern e-commerce for a small brand
hoor charms: modern e-commerce for a small brand
a production-ready e-commerce storefront for a small handmade jewellery brand, focused on fast shopping, simple admin workflows, and a lean, low-cost architecture.
stack
bulletin board server
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.
stack
gsap highlight site
gsap highlight site
A clean, modern portfolio website built with Next.js and Tailwind CSS, featuring smooth animations and dark theme for a friend's professional showcase.
stack
this site
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!
stack
busrc website
busrc website
Served as webmaster for the Bishop's University SRC Website, managing content updates, site maintenance, and implementing new features.
stack
socialsight
socialsight
A modern web application that allows users to preview how their images will appear across different social media platforms.
stack
design stuff
design stuff
Explore my creative work in motion graphics, graphic design, and cinematography. Available for freelance projects and full-time opportunities.
stack
education
my academic journey providing a strong foundation in computer science theory and practice.
Sep 2023 – Apr 2025
Relevant Coursework
Sep 2018 – Sep 2022
Foundational studies in computer science with emphasis on algorithms, data structures, databases, mobile app development, and software engineering.
experience
my journey in the tech industry, highlighting key roles and accomplishments
- 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
stack
- 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
stack
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.
key aspects
key aspects
key aspects
Grafana
Monitoring & analytics dashboard
Docker Portainer
Container management interface
n8n
Workflow automation platform
Nextcloud
Self-hosted file sharing
Pi-hole
Network-wide ad blocking
Home Assistant
Smart home automation
Uptime Kuma
Service monitoring
Portfolio Website
This website
Immich
Self-hosted photo management
Paperless-ngx
Document management system
Ollama
Local AI & LLM platform
Public Traffic
Browser requests
Remote Admin
Tailscale client
Cloudflare
DNS · CDN · DDoS protection
Tailscale VPN
WireGuard mesh · zero-config
Custom Hardware
AMD Ryzen · 32GB ECC RAM · ZFS RAID · UPS
Proxmox VE
Bare-metal hypervisor · VM & LXC management
Docker Engine
Containerised services · Docker Compose
This Portfolio
Next.js · Docker
n8n / Home Asst.
Automation
Nextcloud
Storage · Immich
Monitoring
Grafana · Kuma
Hardware
- Custom-built 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? reach out via the form or my contact details.