profile
Developer • Engineer • Creator

Shahnawaz Saddam Butt

Building Beautiful & Scalable Digital Solutions

|

I create modern, fast, and fully responsive web applications. Specializing in React, Next.js, and full-stack development with a focus on user experience and performance.

Currently working with

Hackathons & Achievements

37th Rank Among 786 Participants

GitHub Contributions

 

A snapshot of recent activity. Hover or tap days to see contribution counts. Styled to match the portfolio theme.

💼 Tech Stack

Technologies and tools I specialize in for building scalable solutions

Frontend

8 SKILLS

HTML

CSS

Tailwind

JavaScript

TypeScript

React

Next.js

ReactNative

Backend

8 SKILLS

Node.js

Express

Python

SciketLearn

Language

Language

NumPy

Pandas

DevOps

3 SKILLS

Docker

Nginx

GitHub

Database

2 SKILLS

MongoDB

MySQL

About Me

I'm Shahnawaz Saddam Butt, a 16-year-old full-stack developer creating modern, responsive websites with cutting-edge technologies.

⏰ Live Time

11:19:04 AM

Real-time coding timer

📚 Days Coding

436+

Days of learning journey

🚀 Projects

10+

Live & deployed projects

Facts & Figures

A quick look at my journey, experience, and achievements.

🎯

10+

Projects

1+

Year

💯

100%

Dedication

10+

Technologies

Quick Facts

Achievement

37th Place — Hack for Humanity 2026 (775 participants)

Devlopment

Making Backend Saas - Code to Solutions

Delivery

Ships full projects end-to-end — idea to production

AI Integration

Integrates AI & computer vision into real apps

Infrastructure

Manages Linux servers & self-hosted systems

Engineering Focus

Clean architecture & long-term scalable growth

Learning Timeline

A journey through my growth as a Full Stack Developer, building modern applications, scalable systems, and immersive digital experiences.

Early 2025

Learned the basics of how websites are built and styled.

Spring 2025

Started building small interactive projects and learning how logic and code work together.

Mid 2025

Built complete web applications with modern tools and real features like dashboards and authentication.

Summer 2025

Launched multiple real projects and ran them on my own Linux servers.

Late 2025

Deepened focus on performance, Core Web Vitals, and production-grade code quality.

March 2026

🏆 Placed 37th at Hack for Humanity 2026 — built EcoTracker solo, an Backend Contoller waste classifier with gamified impact tracking, competing against 775 participants internationally.

Now

Going deep on DSA, mathematics, and ML fundamentals — building the foundation for serious AI/ML research.

Next

Building an end-to-end ML audio pipeline for speaker diarization and publishing original research.

Selected Work

Featured Projects

Digital Website
Digital Website
Completed

Digital Website

Client Project

A modern digital platform built with Next.js and Tailwind CSS. Features dynamic routing, SEO optimization, and a fully responsive UI.

Next.jsTailwind CSSNode.jsExpressMongoDB
Author
Shahnawaz Saddam Butt
Role
Full Stack Developer
Start
Jan 10, 2024
End
Feb 5, 2024

Digital Website is a fully responsive, SEO-optimized platform built to showcase services and convert visitors. It includes server-side rendering for performance, accessible markup, and a modular component system for rapid feature development. The project was delivered for a client seeking a strong digital presence with measurable results.

Features

Fully responsive and mobile-first design
SEO optimized with server-side rendering
Contact form with backend API integration
Dynamic routing and smooth page transitions

Challenges

Achieving fast Core Web Vitals scores across all pages
Building a flexible component system for diverse content types
Integrating third-party APIs without compromising performance

Outcomes

Lighthouse performance score above 95
Client reported a significant increase in leads within the first month
Fully delivered on schedule with zero critical bugs
Business Website
Business Website
Completed

Business Website

Business Website

A professional business website with Dark Mode and Contact Form built using React, Node.js, Express, and MongoDB for full-stack functionality.

Next.jsNode.jsExpressMongoDBTailwind CSS
Author
Shahnawaz Saddam Butt
Role
Full Stack Developer
Start
Nov 1, 2023
End
Dec 15, 2023

This Business Website was crafted for conversions — fast lead capture, secure form handling, and a lightweight CMS for non-technical content updates. Dark Mode support was implemented across every component using CSS variables. Accessibility and analytics were built-in from day one, ensuring the site serves both users and search engines effectively.

Features

Dark Mode with system preference detection
Secure contact form with email notifications
Admin dashboard for content updates
Integrated analytics and conversion tracking

Challenges

Implementing seamless Dark Mode across all dynamic components
Securing the contact form against spam and injection attacks
Keeping page load times under 2 seconds on slow connections

Outcomes

Positive client feedback on design and usability
Zero downtime since launch
Admin team onboarded with no technical training required
Portfolio Website
Portfolio Website
Completed

Portfolio Website

Portfolio

A sleek, modern portfolio website with Dark Mode and Contact Form, fully tailored to the client's personal brand and user experience expectations.

Next.jsTailwind CSS
Author
Shahnawaz Saddam Butt
Role
Frontend Developer
Start
Mar 1, 2024
End
Mar 20, 2024

This Portfolio Website was built to tell the client's story with clarity and style. Lazy-loaded media, smooth micro-interactions, and semantic structure improve both discoverability and user engagement. The design was collaboratively shaped around the client's aesthetic preferences, resulting in a unique visual identity that stands out in a crowded space.

Features

Fully accessible and WCAG compliant
Optimized LCP with lazy-loaded images
Smooth scroll animations and micro-interactions
Custom Dark Mode toggle

Challenges

Translating the client's vision into a cohesive visual language
Optimizing animation performance on mid-range mobile devices
Achieving a perfect accessibility score without sacrificing aesthetics

Outcomes

Client approved the design on the first review cycle
100% accessibility score on Lighthouse
Deployed to Netlify with continuous deployment in place
Opinion Nest
Opinion Nest
In Progress

Opinion Nest

AI Powered Platform

An AI-powered opinion and review platform where users can share, rate, and discuss opinions, supported by an intelligent chatbot for guided interactions.

Next.jsTailwind CSSNode.jsExpress.jsMongoDBAI
Author
Shahnawaz Saddam Butt
Role
Full Stack Developer
Start
Mar 5, 2026
End
Oct 5, 2026

Opinion Nest is a full-stack AI-powered community platform designed for structured opinion sharing. Users can submit reviews, rate content, and engage in discussions. An embedded AI chatbot assists users in navigating topics and drafting well-formed opinions. The platform uses role-based authentication to manage contributors, moderators, and administrators with distinct capabilities.

Features

AI-powered chatbot for guided opinion drafting
Role-based auth for contributors, moderators, and admins
Real-time opinion rating and discussion threads
Moderation dashboard with content flagging

Challenges

Integrating the AI chatbot with low latency for real-time feel
Designing a moderation system that scales with user growth
Preventing bias in AI-generated opinion suggestions

Outcomes

AI chatbot response time under 800ms on average
Moderation workflow reduced manual review effort by 40%
Platform architecture supports horizontal scaling
URL Shortener
URL Shortener
Completed

URL Shortener

SaaS Platform

A full-stack URL shortener with plan-based access, Stripe payments, and link analytics — built for developers and businesses who need branded short links at scale.

Next.jsTailwind CSSNode.jsExpress.jsMongoDBStripe
Author
Shahnawaz Saddam Butt
Role
Full Stack Developer
Start
Jan 5, 2026
End
May 25, 2026

This URL Shortener goes beyond simple link compression. It features tiered subscription plans managed through Stripe, giving users access to custom slugs, click analytics, and bulk link management based on their plan. Each shortened link tracks click events, referrers, and geographic data. Designed for both individual developers and teams, the platform is built to be fast, reliable, and monetizable.

Features

Tiered subscription plans with Stripe integration
Custom slug creation for branded links
Click analytics with referrer and geo tracking
Bulk link management dashboard

Challenges

Handling high-volume redirect requests with minimal latency
Securing Stripe webhooks and preventing payment edge cases
Building a fair rate-limiting system per subscription tier

Outcomes

Average redirect latency under 50ms
Stripe integration passed all edge-case payment scenarios
Successfully launched with paying users on day one

My Services

I offer comprehensive solutions across different service categories. Click on a tab to explore.

Web Development

Building modern, fast, and fully responsive websites tailored to your business needs.

  • HTML, CSS, JavaScript
  • Next.js & React
  • Responsive Design

✨ Premium Quality Solutions

Software Development

Custom software solutions with clean architecture and optimized performance.

  • C Programming
  • JavaScript Apps
  • Problem Solving

✨ Premium Quality Solutions

React Native

Cross-platform mobile applications with smooth UI and native performance.

  • Android & iOS
  • Reusable Components
  • API Integration

✨ Premium Quality Solutions

Frequently Asked Questions

Everything you need to know about my work, process, and how I can help your business.

Got an idea? Let's ship it.

I'm Shahnawaz — a full-stack developer who turns rough ideas into production-ready products. Tell me what you're building.

Request a quote

What do you need?

Working with me

Reply within 24 hours
MVPs shipped in weeks, not months
Full ownership from design to deploy
Clean code, tested & maintainable

Tell me about your project.

All fields optional except name & email.