Available for projects

WELCOME TO OMARS PORTFOLIO

Full-stack developer building fast, tactile web experiences where design, motion and code are made together.

Explore the work ↓

What I do

I build fast, tactile web products where interface, motion and code are designed together, so every click feels considered.

Services · open any page

Code, motionand everythingin between.

Front-end

Interfaces that move: a spinning chain of live UI cards.

Open ↗ Back-end

APIs, databases and auth, written fast and typed.

Open ↗ Interaction

A physics playground: grab, throw, pop and shake.

Open ↗ Animation

Springs, easing, morphs and scroll-linked motion.

Open ↗

Source

Code thatwrites itself.

Keep scrolling and watch the profile compile, line by line.


  






  
Selected work · sample projects, to be replaced
Things I’vebuilt.

  

    
Pulse
Dashboard
Real-time analytics for a logistics team.
ReactTypeScriptPostgres

    
Shopline
A storefront with instant search and a checkout that converts.
Next.jsStripe

    
Chatwave
Low-latency messaging with presence and typing states.
NodeWebSocketRedis

    
Motion
Kit
Scroll-driven animations, accessible by default.
CSSJSA11y

  








  
About
I care about the details people feel but never notice: speed, clarity, and motion with a purpose.

  

    
{0}Years coding

    
{0}Projects shipped

    
{0}Performance target

  






  
Contact
OMARMO2448@GMAIL.COM









  
← Home
Front-end thatnever stands still.
A chain of live UI cards. Drag the ring, scroll to spin it, move the mouse to tilt it.

  

  

    
Components
Reusable, typed building blocks with every state designed: hover, focus, loading, error.

    
Performance
Small bundles, optimized images and animation that stays on the compositor.

    
Accessibility
Semantic HTML, keyboard support and reduced-motion respect from the start.

  







  
← Home
Back-end, typedat full speed.
Four files compile at once. Scroll to make them type even faster.

  

  
Characters typed
0
Covers
API · DB · Auth · Deploy

  

    
APIs
Clear contracts, server-side validation and consistent error responses.

    
Data
Schemas with constraints and indexes, changed through migrations.

    
Security
Authenticated routes, least privilege and secrets kept out of the client.

  







  

    
← Home
Interaction youcan throw around.
Grab a ball and throw it. Click empty space to pop confetti, hold to light a fire, scroll the page to shake the box.

    
Pops 0grab · throw · pop · burn

    

      
Tilt
Cards that lean toward your pointer and catch the light.

      
Depth
Perspective makes flat panels feel like objects.

      
Feel
Eased returns so nothing ever snaps or jitters.

    

    
HomeAnimationContact

    

      
Feedback
Every grab, hover and scroll answers back, so the interface feels alive.

      
Physics
Gravity, collisions and friction give motion weight instead of looking pasted on.

      
Restraint
Playful effects live on their own page and calm down for reduced-motion users.

    

  







  

    
← Home
Animation ismy second language.
Six live demos. Move your mouse over them, hover the word, and scroll the page.

    

      
Mouse wave

      
Spring physics

      
Morphing shape
        

      
Easing curves

        
linear

        
ease-in-out

        
back-out

        
expo-out

      
Text scramble · hover it
MOTION

      
Scroll-linked ring
0%

    

    
CSS animationsCanvas 2DSVG morphingScroll-linked motionSpring physicsParticles

    

      
Purpose
Motion explains what changed and where to look. If it does not help, it goes.

      
Performance
Transforms and opacity, one animation loop, and effects that pause off-screen.

      
Feel
Springs and custom easing instead of default curves, tuned until it feels right.