YSYoussef SalahFrontend • QA Engineer
Talk
Status:DEPI QA Trainee • Open for Opportunities
Frontend Developer & Software QA Engineer

I BUILD IT.
I BREAK IT.
I MAKE IT BETTER.

I create responsive digital experiences, challenge their limits, and refine every detail to deliver interfaces that look exceptional and work reliably.

Explore My WorkLet's Talk
console://dual-lens.v1
Frontend Engineering StackReact 19 / Next.js

"Crafting resilient interfaces with structural clarity."

ComponentsAccessible & Modular
ResponsivenessFluid Clamp() Grid
TypeScriptStrict Type Safety
PerformanceZero Layout Shifts
Ready to translate complex UI designs into bulletproof code.
TAP TOGGLE TO SWITCH PERSPECTIVE100% VERIFIED SKILLS
Scroll to Discover Manifesto
[ SECTION 02 ]—CREATIVE MANIFESTO

"Beautiful interfaces mean nothing if they don't work."

THE DUAL MINDSET

In today's software landscape, developers often build without considering real-world edge cases, while traditional testers report bugs without understanding the underlying code architecture.

I bridge that gap. As a Frontend Developer trained in modern frameworks like React and Next.js, and a dedicated Software QA Trainee at DEPI, I treat quality assurance not as an afterthought, but as an active engineering discipline.

When I Build:I write modular, accessible code with input validation and edge cases baked into the UI architecture.
When I Test:I systematically stress test boundaries, simulate edge cases, and report actionable tickets that engineers appreciate.
[ SECTION 03 ]—SELECTED PROJECTS

REAL CASE STUDIES & DELIVERABLES

Authentic software quality audits and frontend implementations. Every project reflects real test scenarios, verified bug reports, and structured engineering.

01.TESTED BY ME/Web Application QA
2026

E-Commerce Platform Quality Audit

High-Traffic Retail Flow & Cart Verification

End-to-end manual functional testing for an online shopping platform to validate user authentication, product catalog filters, cart calculations, and checkout gateways.

Key Work & Focus:
Designed test scenarios using Equivalence Partitioning and Boundary Value Analysis
Executed full manual functional testing across cart drawers and multi-step checkouts
Identified and documented 18 defect reports with step-by-step reproduction flows
Conducted regression testing after engineering sprint hotfixes
Manual TestingTestRail / ExcelChrome DevToolsJiraBoundary Value AnalysisEquivalence Partitioning
Repo Details
Verified DeliverablesImpact Metrics
Scenarios Executed85
Defects Uncovered18
Critical Blockers3
Post-Fix Pass Rate96.4%
Output Artifacts:
  • ›Comprehensive Test Scenarios Matrix (85 cases)
  • ›Structured Bug Log with Severity & Priority Matrix
  • ›Final Test Execution Summary & Release Sign-Off
Test Matrix Size:4 Executed Scenarios Attached
02.TESTED BY ME/Mobile QA & Edge Cases
2026

EduScan Mobile Attendance QA

Hardware QR Scanner, Offline Cache & Sync Reliability

Comprehensive quality assurance testing for a student attendance tracking mobile app featuring hardware camera QR scanning, offline caching, and database sync.

Key Work & Focus:
Simulated intermittent offline connectivity and validated local cache retention
Tested Android hardware camera permissions and low-light QR scanning fallbacks
Logged critical crash stack traces with reproduction logs for the mobile dev team
Verified duplicate record prevention logic during reconnect sync
Android StudioReal Device TestingPostmanGitExploratory TestingOffline Storage Auditing
Repo Details
Verified DeliverablesImpact Metrics
Workflows Tested62
Offline Scenarios14
Bugs Logged12
Data Integrity Rate100%
Output Artifacts:
  • ›Mobile Test Scenarios Suite (62 workflows)
  • ›Camera Permission Exception Bug Reports
  • ›Offline Sync Data Integrity Matrix
Test Matrix Size:3 Executed Scenarios Attached
03.TESTED BY ME/API & Backend QA
2026

Enterprise REST API Test Suite

HTTP Status Codes, Schema Validation & Boundary Injections

Automated and manual backend API testing using Postman collections to validate HTTP status codes, JSON schema structures, boundary payloads, and authentication tokens.

Key Work & Focus:
Authored 110 Postman assertions verifying response schemas and latency
Validated HTTP response codes (200, 201, 400, 401, 403, 404, 409, 500)
Tested security boundary payloads including special characters and oversized strings
Documented API defect logs with cURL requests and JSON payload reproduction steps
PostmanJSON Schema ValidatorcURLGitREST APIsBoundary Testing
Repo Details
Verified DeliverablesImpact Metrics
Endpoints Tested24
Assertions Written110
API Defects Logged7
CRUD Coverage100%
Output Artifacts:
  • ›Exportable Postman Environment & Collection Suite
  • ›API Defect Matrix & Status Code Log
  • ›Schema Validation & Latency Audit
Test Matrix Size:3 Executed Scenarios Attached
04.BUILT & TESTED/Frontend Engineering & Testing
2026

Dual-Engine Creative Studio Portfolio

Awwwards-Level Frontend Architecture & QA Playground

A bespoke, high-performance portfolio featuring experimental editorial typography, physics-based interactions, smooth GSAP/Motion animations, and an interactive QA sandbox.

Key Work & Focus:
Designed the complete Swiss/brutalist-editorial visual system and typography hierarchy
Engineered the interactive QA Playground simulator with live defect diagnostics
Implemented smooth kinetic animations with prefers-reduced-motion fallbacks
Validated cross-browser rendering, mobile responsiveness, and Lighthouse Core Web Vitals
React 19Next.jsTypeScriptTailwind CSSGSAPFramer MotionManual QA
Repo Details
Verified DeliverablesImpact Metrics
Core Web Vitals98+
Accessibility Score100
Interactive Demos2 Tools
Discipline Balance50/50
Output Artifacts:
  • ›Production-Grade Next.js Web Application
  • ›Interactive QA Playground Simulator
  • ›100% Accessible and Keyboard Navigable Interface
Test Matrix Size:3 Executed Scenarios Attached
[ SECTION 04 ]—STUDIO SERVICES

THREE DISCIPLINED OFFERINGS

Engineered for founders, technical recruiters, engineering leads, and agencies who require reliable execution across frontend code and software quality.

PHASE 01

FRONTEND ENGINEERING

Performant, accessible, and art-directed digital interfaces.

I transform ambitious creative concepts into clean, resilient code. From responsive landing pages to scalable React and Next.js web applications, I build interfaces that feel fluid, look exceptional, and adhere to modern architectural standards.

Core Deliverables:
  • React.js & Next.js App Development
  • Responsive & Fluid UI Implementation
  • Modern CSS & Tailwind Architecture
  • Component Systems & Micro-Interactions
  • Performance & Core Web Vitals Tuning
ReactNext.jsTypeScript
PHASE 02

SOFTWARE QUALITY ASSURANCE

Structured testing strategies that protect product reliability.

I put software through rigorous testing before real users encounter defects. Utilizing formal techniques such as Equivalence Partitioning and Boundary Value Analysis, I design comprehensive test matrices and write actionable bug reports developers love.

Core Deliverables:
  • Manual Functional & UI Testing
  • Test Scenario & Test Case Design (EP & BVA)
  • Detailed Bug Reports with Reproduction Steps
  • Regression Testing & Release Verification
  • REST API Endpoint Validation via Postman
Manual QAEquivalence PartitioningBoundary Value Analysis
PHASE 03

UI QUALITY & OPTIMIZATION

Bridging the gap between creative design and defect-free reality.

Because I both code and test, I inspect the fine details that standard testers miss and standard developers overlook. I eliminate visual glitches, edge-case layout breaks, accessibility barriers, and cross-browser discrepancies across all devices.

Core Deliverables:
  • Cross-Browser & Device Compatibility Audits
  • Accessibility (WCAG) & Keyboard Navigation Checks
  • Responsive Layout Stress-Testing
  • Usability & User Journey Friction Audits
  • Frontend Code Review from a QA Lens
Chrome / Safari / FirefoxMobile Emulators & Real DevicesLighthouse
[ SECTION 05 ]—TECHNICAL CAPABILITIES

AUTHENTIC COMPETENCY MATRIX

Interactive breakdown of practical tools, engineering methodologies, and QA techniques tested under production scenarios.

Category Focus: CODE & UI

Frontend Engineering

Modern web foundations for building fast, responsive, and maintainable interfaces.

React.js
Production
Applied Scope:

Component lifecycle, state hooks, reusable design patterns

All technical skills verified through hands-on projects & DEPI training.CLICK ANY CARD TO INSPECT EXPERIENCE
[ SECTION 06 ]—METHODOLOGY

HOW I WORK: THE 4-PHASE CYCLE

A disciplined, iterative cycle combining exploratory QA with clean frontend architecture to eliminate regressions before production release.

01

DISCOVER

Deconstruct Requirements & Edge Cases

Before writing a line of code or executing a test, I analyze user stories, system specifications, and architectural constraints. I identify missing requirements, ambiguities, and potential risk zones early.

Phase Deliverable:Risk Assessment & Test Plan Scope
02

BUILD

Precision Development & Implementation

When developing frontend interfaces, I engineer accessible, modular components with fluid responsiveness and semantic HTML. Every component is architected with testability and edge cases in mind.

Phase Deliverable:Responsive, Semantic Component Code
03

VALIDATE

Stress Testing & Defect Uncovering

I apply Boundary Value Analysis, Equivalence Partitioning, and negative testing across all critical journeys. I challenge inputs, simulate network drops, inspect network payloads, and identify anomalies.

Phase Deliverable:Actionable Bug Reports & Test Matrices
04

REFINE

Verification, Optimization & Sign-Off

I re-test fixed bugs to ensure no regressions occur. I fine-tune performance, review accessibility compliance, and sign off on a polished release that delivers high reliability and visual distinction.

Phase Deliverable:Final Quality Sign-off & Clean Release
QA INTEGRATION PHILOSOPHY:Testing begins during requirements analysis, not after code completion.
Discuss Workflow
TALK
[ SECTION 08 ]—GET IN TOUCH

GOT A PROJECT?
LET'S MAKE IT GREAT.

Whether you're looking for a dedicated Frontend Developer, an eagle-eyed QA Engineer for an upcoming release, or a full-time team member, my inbox is open.

Direct Email Inquiries:
youssefsalah469@gmail.com
Response expected: Within 4–12 hours
Professional Networks:
Connect on LinkedIn
Explore Code on GitHub
Verified Availability

Available for freelance manual testing, frontend development contracts, and junior/associate engineering or QA roles.