Developer Profile
Full-Stack Developer
Frontend Expertise
React • Next.js • GSAP • Framer Motion
Backend Proficiency
Express • Firebase • Supabase • Prisma ORM
Architecture
GraphQL • AWS EC2 • Database Design
Development
System Architecture • API Design • Performance
I thrive on solving complex frontend challenges, creating seamless animations, and building robust systems that scale. My comprehensive understanding of both frontend and backend technologies allows me to architect complete solutions.
Hobbies Profile
Life Beyond Code
Basketball
Finding rhythm in the game, perfecting shots, and embracing team spirit on the court
Cycling
Exploring new paths, feeling the wind, and pushing physical boundaries
Music
Finding solace in melodies, discovering new artists, and creating playlists
Shayari
Expressing emotions through Urdu poetry, crafting verses that touch hearts
Life is a beautiful blend of passions. Whether I'm shooting hoops, cycling through city streets, losing myself in music, or crafting shayaris, each hobby adds its own unique rhythm to my journey.
Selected Work
A few projects that showcase how I design and build for the web.
Zharnyx CyberSec
Zharnyx CyberSec is a full-stack cybersecurity learning platform designed to deliver structured, hands-on cybersecurity education through a secure and scalable web application. The platform integrates role-based learning workflows, enabling Admins, Mentors, and Students to interact within a unified educational ecosystem. The system implements a Role- Based Access Control(RBAC) architecture to ensure secure access and clearly defined responsibilities across the platform.Administrators manage platform governance and user roles, mentors create and supervise cybersecurity courses, and students engage with course material while submitting assignments and tracking progress. Built using modern web technologies such as Next.js App Router, React Server Components, and Server Actions, the platform prioritizes performance, security, and developer productivity.Authentication is handled through Better Auth with secure password hashing via bcrypt, while Drizzle ORM enables type - safe interactions with a PostgreSQL database. The application also emphasizes a polished user experience using Radix UI for accessible components, Framer Motion for smooth UI animations, and Tailwind CSS for modern responsive styling. By combining modern frontend architecture with a robust backend workflow, Zharnyx CyberSec creates an interactive environment where learners can explore cybersecurity concepts, complete assignments, and track their learning progress in a secure and scalable system.