Ask Umar's AI

About Me

Introduction

Hey, I'm Umar Ashraf, a Frontend Web App Developer focused on building fast, scalable, and user-friendly web applications.

I specialize in crafting modern digital experiences using these core technologies:

React.jsReact.jsNext.jsNext.jsWordPressWordPressTypeScriptTypeScriptTailwind CSSTailwind CSSAI IntegrationAI

My approach is simple: build clean, high-performing, and visually polished interfaces that not only look great but deliver real results.

I started my journey with a strong curiosity for technology, which led me to pursue a degree in Computer Science. Over time, I developed a deep interest in JavaScript and modern web development, turning ideas into interactive, real-world applications.

Currently, I focus on:

  • High-performance frontend architecture
  • Scalable and maintainable code
  • Clean UI/UX with attention to detail
  • AI-powered product features

Outside of development, I enjoy:

Badminton 🏸Writing ArticlesWritingTech Content & Sci-Fi 🎬

If you're looking to build something impactful, feel free to explore my work or get in touch.

Resume Download and Social Media Links

Work Experience

Devbion Logo

Frontend Developer

Devbion

Current
April 2025 – Present

Build and maintain scalable, high-performance web applications for multiple clients using Next.js, React, and TypeScript.

Develop reusable UI components and responsive layouts with a strong focus on performance, accessibility, and user experience.

Work on WordPress-based projects, including custom blocks building, UI improvements, and frontend integrations.

Collaborate with designers and backend teams to deliver reliable, production-ready solutions across different platforms.

Freelancing Logo

Frontend Developer

Freelancing

2024 – Present

Building and managing scalable websites and web applications for a diverse client base, focusing on performance, usability, and modern UI design.

Devbion Logo

Junior Frontend Developer

Devbion

September 2023 – February 2024

Developed and maintained client-facing websites and web applications using modern frontend technologies.

Collaborated with designers and backend developers to implement responsive layouts and improve user experience.

Worked on feature updates, bug fixes, and performance improvements across multiple projects.

Alethea AI Logo

React JS / Next JS Intern

Alethea AI

Internship
June 2023 – August 2023

Worked with React.js and Next.js on real-world projects, contributing to feature development and UI improvements.

Strengthened practical understanding of modern frontend workflows, component-based architecture, and production-ready web applications.

Nanosoft House Logo

Frontend Development Intern

Nanosoft House

Internship
October 2022 – January 2023

Developed responsive and user-friendly interfaces using modern frontend technologies.

Worked closely with senior developers to implement UI components and improve overall user experience.

Learned best practices for clean code, layout structure, and cross-browser compatibility.

Tech Stack

Basics

HTMLCSSJavaScriptTypeScript

Frameworks & Libraries

ReactJSNextJSWordPressElementor

Styling

Tailwind CSSSassLessBootstrap

UI Libraries

shadcn/uiRadix UIBase UI

API Interaction

Fetch APIAxiosOpenAIGraphQL

Testing

JestTesting LibraryVitest

Animation

Framer MotionGSAP

Validation

FormikZodReact Hook Form

Deployment

VPSVercelNetlifyGitHub ActionsGit

Databases & Data Storage

FirebaseSQLiteMySQLPostgreSQLSupabase

Backend

NodeJSBunDeno

CMS

Headless CMSSanity.ioStrapi.io

State Management

ReduxZustand

Payment & Transactions

StripeFreemius

AI & LLMs

ChatGPTClaudeGemini

AI Coding Assistants

CursorGitHub CopilotClaude CodeTrae

AI App Builders

ReplitLovableStitchAntigravity

Additional Knowledge

TanStack StartRemixJSTanStack QueryPanda CSSCypressDockerMSSQLRedisUpstashPayloadCMSStoryblokDirectusJotaiLemon Squeezy
Devbion
Devbion
Devbion
Devbion
TrueBlue
TrueBlue
Devbion
Devbion
KOL
KOL
Bevy Express
Bevy Express
Topper Notes
Topper Notes
KOL
KOL
Devbion
Devbion
LeadLytics
LeadLytics
KOL
KOL
TrueBlue
TrueBlue
Devbion
Devbion
Bevy Express
Bevy Express
KOL
KOL
TrueBlue
TrueBlue
KOL
KOL
Devbion
Devbion
Devbion
Devbion
TrueBlue
TrueBlue
Devbion
Devbion
KOL
KOL
Bevy Express
Bevy Express
Topper Notes
Topper Notes
KOL
KOL
Devbion
Devbion
LeadLytics
LeadLytics
KOL
KOL
TrueBlue
TrueBlue
Devbion
Devbion
Bevy Express
Bevy Express
KOL
KOL
TrueBlue
TrueBlue
KOL
KOL
KOL
KOL
TrueBlue
TrueBlue
KOL
KOL
Bevy Express
Bevy Express
Devbion
Devbion
TrueBlue
TrueBlue
KOL
KOL
LeadLytics
LeadLytics
Devbion
Devbion
KOL
KOL
Topper Notes
Topper Notes
Bevy Express
Bevy Express
KOL
KOL
Devbion
Devbion
TrueBlue
TrueBlue
Devbion
Devbion
Devbion
Devbion
KOL
KOL
TrueBlue
TrueBlue
KOL
KOL
Bevy Express
Bevy Express
Devbion
Devbion
TrueBlue
TrueBlue
KOL
KOL
LeadLytics
LeadLytics
Devbion
Devbion
KOL
KOL
Topper Notes
Topper Notes
Bevy Express
Bevy Express
KOL
KOL
Devbion
Devbion
TrueBlue
TrueBlue
Devbion
Devbion
Devbion
Devbion

How it works

My process is simple and collaborative, from your first message to the final launch, I focus on delivering clean, functional, and visually appealing Web Applications AI Integration Icon and Web Sites Web Sites Icon

01

Get in Touch

Share your project details through the Contact FormAI Integration Icon or Email.AI Integration Icon Tell me about your goals, timeline, and expectations, I'll reply quickly to schedule a call and discuss the next steps.
02

Plan & Collaborate

We’ll define the scope, goals, and timeline to build a solution that aligns with your needs and delivers measurable results.
03

Design & Deliver

I design, build, and test your website or web app with performance and usability in mind. You’ll receive regular updates, and we launch only when everything is polished and ready.

Let's Work Together

Want to start a project?

Every client is unique. I tailor my process to achieve your specific goals from start to finished project. Let's work together to make your vision a reality.

Last visit from Lahore, Pakistan