“I engineer High-Performance Frontend Systems.”
Hi, I'm
SOMAIYA NOORI
I build web applications where clean UI, robust API integration, and performance are baked into the architecture from day one. Based in Herat, Afghanistan. Specializing in React 19, Next.js, TypeScript, automated QA, with strong Node.js/PostgreSQL fundamentals.
Frontend Engineering with a "Quality-First" Mindset
Based in Herat, Afghanistan, I build modern web applications with React, Next.js, TypeScript, and Tailwind.
Having worked in both Software Development and Quality Assurance at CTI, I bridge beautiful UI engineering with system reliability.
Because I understand backend environments (Node.js, PostgreSQL), I write frontend code that consumes APIs efficiently, handles state predictably, and manages security thoughtfully.
AI-Enhanced Development
Faster delivery, higher quality
I use AI tools (ChatGPT, Copilot, Claude) for debugging, documentation, test ideas, and faster iteration — always with human review, clean architecture, and strong test coverage.
Quality Philosophy
Clean UI, accessible experiences, and API-safe frontend architecture — from day one, not as an afterthought.
Clean & Type-Safe UI
Component-driven, self-documenting code with strict TypeScript and Zod validation.
Performance-First
Fast rendering, code-splitting, image optimization, and lean bundles by default.
API-Integrated Frontend
Predictable state, resilient data fetching, and safe auth patterns with real backends.
Accessible UX/UI
Mobile-first, keyboard-friendly interfaces with RTL/LTR localization support.
Technical Arsenal
A comprehensive overview of my tech stack, featuring the latest and most standard technologies in web development.
Frontend Core
API Integration
Databases (Fundamentals)
Security-Aware Frontend
Testing & QA
Tooling & Deployment
Featured Case Studies
Real engineering work with challenges, solutions, and measurable quality outcomes.
KaarYab Afghanistan
Frontend for a centralized opportunity platform & interactive CV builder
Full-stack Next.js platform aggregating opportunity categories with multi-criteria filtering, deadline countdowns, and an in-app multi-template CV generator exporting print-ready PDFs.
Employment, scholarship, and skill-building opportunities in Afghanistan are fragmented. Users need a fast, trusted interface and a solid CV builder.
Designed a clean React UI with strong data fetching, filters, bookmarks, profiles, and CV builder. Integrated Supabase for auth and RLS-secured data.
- ▹Component-driven UI with Tailwind and Framer Motion
- ▹Type-safe forms and validation with Zod
- ▹Automated tests: 172 (84 Unit, 70 Component, 18 E2E) — 100% pass rate
- ▹RTL/LTR localization for Dari and English
E-Government Citizen Services Portal
Frontend for a multi-role governance platform with secure API integration
Multi-role digital governance system for Citizens, Officers, Department Heads, and Admins with real-time updates and audit trails.
Paper-based citizen services are slow, lack transparency, and need clear role separation in the UI.
Built role-aware React interfaces integrated with JWT/RBAC APIs, real-time Socket.io status updates, and Dockerized backend services.
- ▹Role-based UI (Citizen / Officer / Admin) with route protection
- ▹JWT + HttpOnly cookies handling from the frontend
- ▹Real-time updates via Socket.io
- ▹Docker Compose + PostgreSQL + Redis backend integration
Taply — Design Feedback Platform
Backend APIs for uploads and coordinate-based visual feedback
Backend APIs for design uploads and visual feedback with Firebase Auth, Firestore, Cloudinary, Zod validation, and rate limiting.
Design review workflows need precise, secure feedback on uploaded assets with clear API contracts.
Built typed API routes with auth, media processing, schema validation, and abuse protection.
- ▹Firebase Auth + Firestore integration
- ▹Cloudinary image storage pipeline
- ▹Zod server-side validation
- ▹API rate limiting and test coverage with Jest
Product Store — Multi-State Architecture
Architecture study: React Query vs Redux Toolkit vs Context API
Demonstrates separation of concerns: React Query for server-state caching, Redux Toolkit for complex cart mutations, and Context API for global UI preferences.
Teams often mix server state and client state, causing complexity and bugs.
Clear architecture demo showing the right state tool for each concern.
- ▹React Query for server-state caching
- ▹Redux Toolkit for cart mutations
- ▹Context + useReducer for UI preferences
- ▹Clean separation of concerns in React
GitHub & Code Activity
Frontend-focused engineering with strong API, testing, and backend fundamentals.
Experience & Achievements
QA Tester
Nov 2025 – Feb 2026Code to Inspire (CTI)
Tested new features, functionalities, and integrations for an online educational platform.Created and executed test cases based on project requirements and development milestones.Identified and documented bugs with clear reproduction steps and detailed reports.Performed usability and UI testing and reported visual and functional issues.Reviewed implemented components and fixed UI/component issues when needed.Collaborated with developers to verify fixes and ensure features met expected requirements.Prepared QA reports and supported debugging throughout the development process.
Software Development Training
2025 – 2026Code to Inspire (CTI)
Completed full-stack training with A+ grades in Frontend, React, Next.js, and Backend.Built modern web applications using React, Next.js, TypeScript, Node.js, and PostgreSQL.Practiced REST APIs, authentication, testing workflows, and cloud deployment fundamentals.
CTI Performance Summary
Let's Build Quality Software Together.
I am open to Frontend Developer roles, Remote positions, and Technical Collaborations.
Contact Information
Open to Frontend Developer roles, Remote positions, and Technical Collaborations