System Online

Building the
Future Interface.

I am Saquib Sarfaraz. Transforming ideas into high performance web interfaces through thoughtful design efficient code and seamless user experience.

Saquib

About Me

I’m Saquib Sarfaraz, a passionate learner and creative problem-solver with a focus on Web Development, UI/UX Design, and Graphic Designing. Currently pursuing BTech in Computer Science Engineering, I enjoy blending technical skills with design thinking to craft digital experiences that are not only functional but also visually appealing.

My development journey began with HTML, CSS, and JavaScript, where I learned to build responsive and interactive websites. Alongside coding, I discovered my creative side in graphic designing with Canva and gradually expanded into UI/UX design with Figma, where I create wireframes, prototypes, and user-friendly interfaces.

I believe in the power of design and technology working together. Whether it’s a clean website layout, a thoughtful user experience, or engaging graphics, my goal is to create solutions that leave an impact. I’m constantly learning, experimenting, and exploring new ways to grow as a developer and designer.

Skills & Expertise

UI/UX Design Frontend Development Creative Coding 3D Modeling Git & GitHub

My Journey

2023
Started Coding
2024
Web Intern
2026
Campus Mantri

Selected Work

Full Stack SaaS
InCampus
Private Campus Social Network
Live

InCampus

A university-exclusive social platform with real-time communication, campus-based feeds, and moderation built for trusted community interaction.

Core Features
  • Google OAuth + JWT authentication
  • College-based dynamic feeds with Universal/My College modes
  • Real-time 1–1 messaging with Socket.io
  • Report + temporary hide moderation system
Tech Stack
React Node.js Express MongoDB Atlas Socket.io Cloudinary Vercel Render
Impact
  • Designed scalable feed architecture and engagement-weighted ranking
  • Implemented real-time messaging and moderation burst logic
SaaS Support
InCampus Help
Verification & Support Portal
Live

InCampus Help

A dedicated SaaS-style support and verification portal that centralizes help, feedback, blue tick requests, and transparency resources.

Core Features
  • Contact support and feedback submission workflows
  • Blue Tick verification via Google Forms integration
  • FAQ, featured topics, and legal documentation
  • Moderation transparency and developer contribution sections
Tech Stack
React Node.js MongoDB Google Forms Netlify
Impact
  • Structured verification review process and trust transparency
  • Centralized communication for platform users
Backend Service
College Search API
University Lookup Microservice
Private

College Search API

Backend

A RESTful microservice powering dynamic college search and autocomplete during onboarding and filtering.

Private API, tested through the InCampus frontend.
Core Features
  • Prefix-based search with indexed queries
  • Country-based filtering and fallback input support
  • Auto college-group integration for onboarding
  • Optimized for low-latency lookup at scale
Tech Stack
Node.js Express MongoDB
Impact
  • Reduced registration friction with autocomplete
  • Enabled dynamic campus-based grouping
Real-Time Engine
Campus Chat Engine
Messaging Architecture
Private

Real-Time Campus Chat Engine

Backend

A scalable real-time messaging system with presence, unread tracking, and auto-clean storage for campus communities.

Private backend, demonstrated through InCampus chat.
Core Features
  • 1–1 chat with friend-request unlock flow
  • College group + global group messaging
  • Online presence, unread counts, and notifications
  • Auto-delete messages after 24 hours
Tech Stack
Socket.io Node.js MongoDB React
Impact
  • Event-driven architecture with optimized message storage
  • WhatsApp-like UX performance on mobile
view wmy work

Amazon Clone

A pixel-accurate, responsive Amazon-style storefront built with semantic HTML and modern CSS layouts.

HTML CSS
view wmy work

Tic Tac Toe

A clean, interactive Tic Tac Toe game with win detection and smooth UI feedback powered by vanilla JavaScript.

HTML CSS JavaScript
view wmy work

Graphic Portfolio

A showcase of brand identity and social media typography designs.

Design Branding

Experience Timeline

2025 - 2026

Campus Mantri

GeeksforGeeks
  • As a GfG Campus Mantri, I connect students with coding opportunities.
  • I foster teamwork, guide peers to resources, and organize impactful coding initiatives.
  • This role enhances my leadership, empowering others and strengthening Jamia Hamdard’s coding culture.
Sep - Oct '24

Web Developer Intern

Pizeonfly Pvt Ltd.
  • Completed a one-month internship focused on web development.
  • Gained hands-on experience in designing and deploying web apps.
  • Collaborated with the team to optimize website functionality.
2023 - 2024

Leadership Roles

Ignite Society, Hacked, GDSC
  • Led initiatives that bridged students with industry professionals.
  • Actively participated in creative projects and events to foster a collaborative community.
  • Served as Joint Secretary of the Ignite Society, overseeing strategic direction, event planning, and execution.

Ready to Collaborate?