About Me

Introduction

Hey there! I'm Umar Ashraf, a passionate Frontend Web App Developer who loves to design beautiful interfaces and bring them to life through code. I craft interactive, scalable, secure, and high-performant solutions, creating remarkable user experiences that make people smile I specialize in building modern web applications using:React.jsReact.js Framework Logo Next.jsNext.js Framework Logo WordPressWordPress CMS Logo TypeScriptTypeScript Programming Language Logo AI IntegrationAI Integration Icon, and CSSCSS Stylesheet Language Logo Tailwind CSSTailwind CSS Framework Logo for styling with other Styling Libraries...and always exploring new tools to level up! My journey started with a natural curiosity about technology, which led me to earn a Computer Science Degree. During my studies, I quickly fell in love with programming, especially JavaScript, and became fascinated by how it can transform static pages into dynamic, interactive experiences. I'm constantly learning and building. Currently, I'm focused on crafting clean, responsive, and accessible user interfaces that not only look good but also work flawlessly across devices. Outside of coding, I enjoy playing Badminton🏸 Writing ArticlesCreative Writing Icon from technology to educational and political topics. Some of my pieces have even been published in local Newspapers. While I no longer spend time gaming, I do enjoy diving into tech YouTube content, sci-fi movies, and binge-worthy web series whenever I get the chance. Feel free to check out some of my projects, they reflect my passion for development and attention to detail!

Resume Download and Social Media Links

Work Experience

Devbion Logo

Frontend Developer

Devbion

CurrentApril 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

Internship in React JS/Next JS

Alethea ai

June 2023 - August 2023

During my 3-month internship at Alethea AI, I worked with React.js and Next.js on real-world projects, contributing to feature development and UI improvements. This experience strengthened my practical understanding of modern frontend workflows, component-based architecture, and production-ready web applications.

Nanosoft House Logo

Frontend Development Intern

Nanosoft House

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.

Assisted in optimizing existing pages for better performance and usability.

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

Additional Knowledge

TanStack StartRemixJSTanStack QueryPanda CSSCypressDockerMongoDBMSSQLRedisUpstashPayloadCMSStoryblokDirectusJotaiLemon Squeezy
Devbion
Devbion
TrueBlue
Devbion
KOL
Bevy Express
Devbion
Topper Notes
KOL
Devbion
Devbion
LeadLytics
KOL
Devbion
TrueBlur
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlue
KOL
Devbion
Devbion
KOL
Devbion
Devbion
TrueBlue
Devbion
KOL
Bevy Express
Devbion
Topper Notes
KOL
Devbion
Devbion
LeadLytics
KOL
Devbion
TrueBlur
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlue
KOL
Devbion
Devbion
KOL
Devbion
Devbion
TrueBlue
Devbion
KOL
Bevy Express
Devbion
Topper Notes
KOL
Devbion
Devbion
LeadLytics
KOL
Devbion
TrueBlur
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlue
KOL
Devbion
Devbion
KOL
Devbion
Devbion
TrueBlue
Devbion
KOL
Bevy Express
Devbion
Topper Notes
KOL
Devbion
Devbion
LeadLytics
KOL
Devbion
TrueBlur
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlue
KOL
Devbion
Devbion
KOL
KOL
Devbion
Devbion
KOL
TrueBlue
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlur
Devbion
KOL
LeadLytics
Devbion
Devbion
KOL
Topper Notes
Devbion
Bevy Express
KOL
Devbion
TrueBlue
Devbion
Devbion
KOL
Devbion
Devbion
KOL
TrueBlue
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlur
Devbion
KOL
LeadLytics
Devbion
Devbion
KOL
Topper Notes
Devbion
Bevy Express
KOL
Devbion
TrueBlue
Devbion
Devbion
KOL
Devbion
Devbion
KOL
TrueBlue
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlur
Devbion
KOL
LeadLytics
Devbion
Devbion
KOL
Topper Notes
Devbion
Bevy Express
KOL
Devbion
TrueBlue
Devbion
Devbion
KOL
Devbion
Devbion
KOL
TrueBlue
Devbion
Devbion
Bevy Express
Devbion
Devbion
TrueBlur
Devbion
KOL
LeadLytics
Devbion
Devbion
KOL
Topper Notes
Devbion
Bevy Express
KOL
Devbion
TrueBlue
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 and Web Sites.

01

Get in Touch

Reach out via the Contact Form or Email to share your Project details, Ideas, or Questions. I'll get back to you promptly to discuss your needs.
02

Plan & Collaborate

We'll map out the Scope, Goals, and Timeline to deliver a solution tailored exactly to your Vision and Needs.
03

Design & Deliver

I'll build your Web App or Website with care and precision, keeping you informed every step of the way until Launch.
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 Ribeirão Preto, Brazil