Overview
Technical skills
Timeline
Roles

Overview

A junior Frontend UI developer specializing in static, responsive Bootstrap-based layouts and handcrafted CSS for visually polished pages. The strongest proven skill is building visually detailed responsive UI sections using Bootstrap and inline CSS, exemplified by the product grid, hero section and custom badges in Index.html. There is no evidence of dynamic client-side state management, accessibility engineering, automated testing, or modern build tooling in the public code.

Technical skills

Python• Junior
Java• Junior • 2 projects
C#• 1 project
SQL
TypeScript
JavaScript
Frontend
Bootstrap
JQuery
Frontend
React.js
DevOps
CI/CD
Git
AI/ML
Pandas
Scikit-learn
TensorBoard
Torchvision
TensorFlow
Computer Vision
LLM
NLP
PyTorch
Transformers
Claude
Databases
MySQL
PostgreSQL

Timeline

National University of Computer and Emerging Sciences - FAST
Bachelor's Degree Artificial Intelligence
2022–2026 Karachi, Pakistan
Intern – Cloud App Dev & Maintenance Junior
Systems Ltd Internship
Jul 2025 to Sep 2025 2 Months Karachi In office
Developed an LLM-based job tracking web app that compares resumes to job descriptions using semantic similarity to produce structured requirement matching scores. Built an LLM-powered resume assistant that recommends targeted improvements based on user needs and job requirements. Collaborated with a cross-functional team to enhance cloud-based application functionality and user experience. Supported deployment and maintenance using established development and deployment pipeline practices during the internship.
LLM
NLP
Junior Frontend Developer Confidence: Low UI Engineer
A junior Frontend UI developer specializing in static, responsive Bootstrap-based layouts and handcrafted CSS for visually polished pages. The strongest proven skill is building visually detailed responsive UI sections using Bootstrap and inline CSS, exemplified by the product grid, hero section and custom badges in Index.html. There is no evidence of dynamic client-side state management, accessibility engineering, automated testing, or modern build tooling in the public code.
UI Component Architecture
2/10
How interface parts are built
Single-file static HTML with repeated markup and inline CSS; no componentization, modular CSS, or reusable component boundaries.
Evidence
Index.html: repeated .product-card blocks using static markup
Index.html: large inline <style> block rather than modular styles or components
Responsive & Cross-browser
2/10
Works on all screens and browsers
Basic responsive behavior achieved via Bootstrap grid and viewport meta tag; no advanced responsive techniques, RTL/i18n readiness or feature detection.
Evidence
Index.html: <meta name="viewport" content="width=device-width, initial-scale=1">
Index.html: usage of Bootstrap grid classes such as col-md-3 and col-sm-6
Performance Optimization
1/10
Speed of the interface
No measurable performance work or optimizations; images reference local absolute paths, no lazy-loading, and no bundling/code-splitting evidence.
Evidence
Index.html: <img src="C:\\Users\\Dell\\Downloads\\..."> local Windows file paths for images
Index.html: no loading="lazy" attributes or image srcset/responsive-image patterns
Accessibility & Semantics
2/10
Usable for everyone
Minimal accessibility considerations: uses semantic elements like nav and footer but lacks ARIA, labels for icon buttons, and keyboard/focus affordances for custom controls.
Evidence
Index.html: <nav> and <footer> are present but interactive icons/buttons (search, cart, user) lack aria-label attributes
Index.html: search input has no associated <label> or aria-label
State Management & Data Flow
1/10
Managing data in the app
No state management or async data handling is implemented; static UI only with no request handling, optimistic updates, cancellations or server-state discipline.
Evidence
Index.html: search input exists but there is no JavaScript handling or AJAX logic
Index.html: only external jQuery and Bootstrap CDNs are included and there is no custom async/state logic
UX & Visual Polish
3/10
Look and feel quality
Strong visual styling for a static page with deliberate layout, badges, hover effects and hero composition, but these are purely presentational and static.
Evidence
Index.html: .product-card hover transform and transition rules in the inline <style>
Index.html: hero-section and .offer-badge styles showing deliberate visual composition
Technologies
Frontend
Bootstrap
JQuery
Recommendations
  • Use the developer to create static marketing sites, landing pages, and brochure-style storefronts that prioritize visual design and responsive layouts.
  • Task the developer with converting the static HTML into component-based pages (React/Vue) and implement accessibility improvements such as ARIA labels and proper form labeling.
  • Have the developer implement basic performance improvements and modern frontend practices: replace absolute local image paths with optimized responsive images, add lazy-loading, and integrate simple build tooling and linting.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories: