01
Discover
Align on goals, users, metrics, and constraints before implementation.
Building interfaces that drive product growthIndex № 002 / Kholoud Ayman
Frontend systemsengineeredfor scale,speed, and impact.
Mid-level frontend engineer specialized in React, Next.js, Vue, and Nuxt, shipping dashboards, CRM platforms, booking systems, and conversion-focused landing pages for international teams.
Plate I.2026
§ 01 — Executive Profile
I am Kholoud Ayman, a frontend engineer building reliable web products with strong performance, accessibility, and maintainable architecture for fast-moving teams.
§ 02 — Selected Work
A short
monograph
Four production-focused projects that demonstrate business thinking, reusable frontend architecture, and delivery quality from concept to release.
- SaaS · CRM
№ 012025Novaa CRM Dashboard
Problem: Sales teams needed a single workspace to track leads, pipeline status, and conversion blockers.
Built: A modular CRM dashboard with reusable widgets, KPI cards, data tables, and role-ready views.
ReactTypeScriptReduxTailwind- —Live filtering and pipeline drill-down
- —Reusable form and table system
- —Clean responsive dashboard layout
Business value: Reduced manual reporting effort and improved pipeline visibility for faster sales decisions.
- Booking Platform
№ 022026Ease Book
Problem: Service teams needed a smoother online booking flow with fewer drop-offs and clearer time-slot availability.
Built: An end-to-end booking interface with searchable services, slot selection, and confirmation flows.
VueNuxtTailwindSEO- —Multi-step booking journey
- —Validation-first forms
- —Mobile-optimized scheduling screens
Business value: Improved booking completion rates and reduced customer support requests during reservations.
- SaaS · Productivity№ 032026
ApplyFlow
Problem: Job seekers lacked a structured way to track applications, deadlines, and interview stages across multiple companies.
Built: A Kanban-style job tracker with dashboard analytics, calendar view, and drag-and-drop board for managing application stages.
Next.jsReactTypeScriptTailwind- —Drag-and-drop status board with stage columns
- —Dashboard with application analytics
- —Calendar view for deadline tracking
Business value: Streamlined the job search workflow, helping users stay organized and never miss follow-ups or deadlines.
- Training Platform
№ 042026PulseForge Training
Problem: Teams required a unified training product for web and mobile users with consistent UX and progress tracking.
Built: A training platform experience with reusable UI patterns, structured state, and scalable feature modules.
React NativeReactZustandREST APIs- —Cross-platform UI consistency
- —Progress and completion flows
- —Performance-focused component design
Business value: Enabled faster onboarding and better learner retention through clearer training journeys.
- Non-profit · Social Impact№ 052026
Orphany – Smart Charity & Orphan Sponsorship Platform
Problem: Donors and sponsors lacked a transparent, easy-to-use platform to discover orphans in need and manage ongoing sponsorships.
Built: A charity platform with orphan profiles, sponsorship flows, donation tracking, and an admin-ready content structure.
ReactTypeScriptViteTailwind- —Orphan discovery and sponsorship matching
- —Donation and sponsorship management flows
- —Responsive, accessible interface for all devices
Business value: Increased donor trust and engagement by making the sponsorship journey clear, trackable, and emotionally compelling.
§ 03 — Additional Projects
Detailed
project cards
A second project block focused on practical product outcomes with no screenshots, designed for quick recruiter review.
- № 06E-commerce Platform
Megabox
A storefront-focused web application built to improve browsing speed, product discovery, and checkout clarity for online shoppers.
- —Responsive shopping flows for home, listing, and product details
- —Reusable UI components for product cards, filters, and cart behavior
- —Optimized client-side performance and smooth user interactions
- № 07Healthcare Website
Qebaa Clinic
A clinic experience that helps visitors explore services, understand doctor profiles, and complete contact actions in a clear bilingual flow.
- —Service-first information architecture for healthcare content
- —Doctor and clinic presentation sections with clear visual hierarchy
- —Mobile-first layout for reliable access across all devices
- № 08Interactive Frontend Experiment
Depth-wave
An interaction-driven visual web experience focused on animation quality, motion depth, and immersive UI behavior.
- —Animated interface layers with modern interaction patterns
- —Component structure tuned for maintainability and iteration speed
- —Performance-aware rendering for smooth transitions and effects
§ 04 — Curriculum
The
record.
"I transform product goals into dependable frontend systems that teams can extend quickly and users can trust."
— Delivery philosophy
Core experience
- —React.js and Next.js applications for SaaS and high-conversion products
- —Vue.js and Nuxt.js implementations with scalable component architecture
- —React Native mobile products with production API integrations
- —CRM systems and internal dashboards with complex data workflows
- —Booking systems, landing pages, and reusable UI systems
Experience
3+ years
Core focus
Frontend Systems
Delivery mode
Remote-first
10 / 2025 — Present
Frontend Developer
Quanizon / Remote
- —Nuxt 3 · Composition API
- —Production-level projects
- —Reusable component architecture
05 / 2025 — 03 / 2026
Frontend Developer
DataOrbit / Hybrid
- —React.js · Tailwind CSS
- —Dashboards & internal systems
- —Code reviews · clean Git workflows
2025 — Present
React Native Developer
International Startup / Remote · Contract
- —Cross-platform mobile apps
- —Auth · notifications · APIs
- —Remote async collaboration
03 / 2024 — Present
Frontend Developer
Freelance / Remote
- —Production sites & dashboards
- —Direct client delivery
- —End-to-end ownership
Education
Frontend Development Diploma
Route Academy · 500+ practical hours
B.Sc. Pharmacy
Alexandria University · 2011 — 2017
Languages
- ArabicNative
- EnglishProfessional
- GermanBasic
§ 05 — Toolkit
Stack &
discipline.
The technologies I use to deliver maintainable, performant products that stay consistent across devices and grow with business needs.
Frontend
- React
- Next
- Vue
- Nuxt
- JavaScript
- TypeScript
Proficiency95%
Styling
- Tailwind
- CSS
- Responsive Design
Proficiency92%
State
- Redux
- Zustand
- Pinia
Proficiency90%
Other
- Git
- REST APIs
- Performance
- SEO
Proficiency91%
§ 06 — Hiring Readiness
Why teams
hire me.
I build frontend products that are easy to ship, easy to maintain, and ready to support business growth.
Why Work With Me
- —Product-focused frontend decisions that support measurable business outcomes
- —Reliable delivery with clean architecture, reusable UI, and maintainable code
- —Strong async collaboration with product, design, and backend teams
02
Design Systematically
Plan reusable UI patterns and information hierarchy to reduce rework.
03
Build and Validate
Ship accessible, responsive features with clear QA checkpoints and performance checks.
04
Optimize and Scale
Refine UX details, remove bottlenecks, and prepare the codebase for long-term growth.
What I Build
- Dashboards and analytics interfaces
- CRM and operations systems
- Booking and scheduling products
- High-conversion landing pages
- Reusable design-system-driven UI layers
© Kholoud Ayman · MMXXVICraftFolio · React + TanStackOpen to remote frontend opportunities