junaid irfan
web developer
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
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.
technologies used
smartballot: blockchain voting system
smartballot: blockchain voting system
a modern, blockchain-based voting platform ensuring security, transparency, accessibility, and privacy in electoral processes.
technologies used
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.
technologies used
tayyab portfolio
tayyab portfolio
a clean, modern portfolio website built with next.js and tailwind css, featuring smooth animations and dark theme for a friend's professional showcase.
technologies used
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!
technologies used
busrc website
busrc website
served as webmaster for the bishop's university src website, managing content updates, site maintenance, and implementing new features.
technologies used
socialsight
socialsight
a modern web application that allows users to preview how their images will appear across different social media platforms.
technologies used
design stuff
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.
september, 2023 - april, 2025
relevant coursework
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
- 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
- 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
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
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