Ashraf Qopiah — Frontend Engineer

Ashraf Qopiah working at a laptop

Designing interfaces that move with purpose.

A quick reel about me

Short intro — who I am, how I work, and what I build. Watch the reel to get a quick sense of my approach to interfaces and design.

Scene 01

Interfacesas movingimages.

Every screen is a frame. I build them with the patience of a photographer and the discipline of an engineer.

Empty gallery hall crossed by beams of light
Project 01

A dense data surface made calm through hierarchy and restraint.

  • React
  • TypeScript
  • Design System
Analytics dashboard interface
Frame 01
Selected interface frames01 screens
Work / 02

Seamless Across All Devices

Ordering reduced to a single confident gesture.

Tablet analytics dashboard screen
Mobile ordering app screen
  • Next.js
  • Motion
  • Accessibility
Project 03

Multilingual Web Application

One layout system, two reading directions, no compromise.

  • React
  • i18n / RTL
  • Tailwind CSS
Bilingual web application interface
Frame 01
Selected interface frames01 screens
Project 04

Simple Ecommerce Experience

A focused storefront that makes browsing, choosing, and buying feel effortless.

  • React
  • TypeScript
  • Tailwind CSS
Simple ecommerce storefront interface
Frame 01
Simple ecommerce product browsing interface
Frame 02
Simple ecommerce shopping experience
Frame 03
Selected interface frames03 screens
Project 05

Computer Ecommerce Platform

A confident shopping journey for comparing computer hardware and finding the right setup.

  • Next.js
  • React
  • Responsive Design
Computer ecommerce product catalog
Frame 01
Computer ecommerce product details interface
Frame 02
Computer ecommerce shopping interface
Frame 03
Selected interface frames03 screens
Project 06

PlayStation Venue Management Dashboard

A clear command center for managing gaming venues, reservations, sessions, and daily operations.

  • React
  • TypeScript
  • Dashboard UX
PlayStation venue management dashboard
Frame 01
Selected interface frames01 screens
Black and white close-up detail portrait
Portrait

Precisionis a formof care.

I'm a Frontend Engineer building responsive, scalable, accessible and visually refined digital products — the kind that feel considered long before anyone notices why.

Focus
Interfaces, motion, design systems
Tooling
React, Next.js, TypeScript
Styling
Tailwind CSS, SCSS
Care
Accessibility, performance, detail
Experience

Where I've worked

Content Creator· Present

DevSolve ↗

  • YouTube CreatorPresent
2026 — PresentOnline · Worldwide

Sharing practical frontend development knowledge, problem-solving workflows, and lessons from building digital products.

  • Create and publish developer-focused videos on the DevSolve YouTube channel.
  • Make frontend concepts and implementation details easier to understand through practical examples.
  • Content Creation
  • Frontend Development
  • Technical Communication
Full-time· 1 yr 9 mos

ElmoTech

  • Senior Frontend Developer2 mos
  • Frontend Developer1 yr 8 mos
Dec 2024 — PresentItaly · Hybrid

Promoted to Senior Frontend Developer after leading frontend delivery across ElmoTech's products.

  • Own the frontend architecture and the shared component system.
  • Ship React interfaces with motion and accessibility built in.
  • React.js
  • Front-End Development
  • TypeScript
  • Next.js
  • Tailwind CSS
  • Motion
  • Accessibility
  • Design Systems
Full-time· 3 mos

Masar Soft

  • Frontend Developer3 mos
Oct 2024 — Dec 2024Online · Remote

Reusable components and a shared frontend architecture.

  • Designed reusable components and frontend architecture shared across multiple product features.
  • Management
  • Sales
  • Frontend Architecture
Full-time· 7 mos

رموز الرقيمة

  • Frontend Developer7 mos
May 2024 — Nov 2024El Mansoura, Egypt · On-site

Scalable React interfaces, shipped with the team.

  • Built and maintained scalable web interfaces using React.js and Tailwind CSS.
  • Collaborated with designers, backend engineers and product stakeholders to deliver 5 projects.
  • Front-End Development
  • Frontend Coding
  • React.js
  • Tailwind CSS
Scroll

Disciplines & tools

  • React
  • Next.js
  • TypeScript
  • Responsive Interfaces
  • Frontend Architecture
  • Design Systems
  • Motion
  • Accessibility
  • React
  • Next.js
  • TypeScript
  • Responsive Interfaces
  • Frontend Architecture
  • Design Systems
  • Motion
  • Accessibility
Toolkit

Ready-madetools forbuilders.

Packages and reusable snippets I've built for real projects — starting points you can install and ship. Curated, categorised, no filler.

Open the toolkit