Skip to content
View Vickyeeii's full-sized avatar

Block or report Vickyeeii

Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Vickyeeii/README.md

Full Stack Developer β€’ Frontend Enthusiast β€’ UI Lover

I design and build clean, modern, animated, and scalable digital experiences. Motion, interaction, and visual storytelling fuel my frontend work.


🟧 About Me

I’m Vicky β€” a developer who loves frontend aesthetics, advanced animations, and expressive UI systems.
I enjoy creating digital experiences that feel intentional, not accidental.

Things I truly love:

  • Designing stunning interfaces
  • Crafting animated, living UI
  • Building SPAs that feel premium

Things I actually do daily:

  • React, Vite, Tailwind, Framer Motion
  • GSAP
  • Django, FastAPI, Node.js
  • PostgreSQL, MongoDB, Firebase
  • Docker, EC2, Nginx deployments

🟧 My Digital Identity

I shape the web through motion, experience, and interaction.
My work blends frontend engineering + animation + 3D + design thinking into interfaces that feel alive.

I specialize in:

  • GSAP & Framer Motion
  • Three.js & Blender
  • Interaction-heavy UI systems
  • Modern design language & responsive layout architecture

Dark mode or light mode doesn’t define my style.
The experience does.

I don’t just build screens.
I design moments.


🟧 My Animation Skills

Motion is part of my identity, so here’s what I use to bring interfaces to life:

  • GSAP for timeline-based micro-interactions
  • Framer Motion for React-driven motion and UI choreography
  • ScrollTrigger for dynamic scroll-reactive effects
  • Bezier easing & motion theory for natural feeling transitions
  • State-driven animations bound to UI logic
  • stagger effects, reveal animations
  • Component-level animation architecture for scalable UIs

🟧 3D & Motion Tools

Beyond flat design, I work with 3D, physics, and visual depth:

  • Three.js for interactive 3D scenes (Basic)
  • Blender for modeling, lighting & rendering assets (Basic)
  • GSAP + WebGL pipelines
  • Custom shader effects (beginner level)
  • 3D transitions for web interfaces
  • Cinematic UI experiments (ambient motion + perspective depth)

I love blurring the line between UI and immersive visuals.


🟧 Scroll-Triggered Animated SVG Bars

GitHub doesn’t allow JavaScript, but we can use SVGs with built-in animations.
Here’s a clean animated progress bar set that plays automatically (looks scroll-reactive visually).

Frontend Engineering

Animation & Motion Design

3D & WebGL

These load as you scroll naturally, creating a scroll-trigger illusion.


🟧 Tech Stack


🟧 Signature Projects (My Best Work)

πŸ”Έ OutOfTheBox – Full Ecommerce Platform

Dark, modern, scalable e-commerce with filtering, cart, auth, wishlist.
Tech: Mern Stack, Tailwind


πŸ”Έ Kopico – QR-Based CafΓ© Management System (MERN, WIP)

QR-powered ordering system with a clean MERN dashboard.
Tech: MongoDB, Express, React, Node.js


πŸ”Έ Pure HTML/CSS/JS Landing Page

Handcrafted, animated, typography-focused landing page.
Tech: HTML, CSS, JavaScript


πŸ”Έ Designer Portfolio – Old Money Theme

Premium bento layout, smooth motion:
https://saphinox.onrender.com/


🟧 Design Philosophy

Interfaces should feel alive.
I focus on:

  • Motion as feedback
  • Clean geometry
  • Strong visual hierarchy
  • Typography harmony
  • Micro-interactions that add meaning


🟧 Streak


Skills:

πŸ¦– Competitive Programming

πŸ“š Frontend Development & Frameworks

⛏️ Backend Development & Database Services

🚦 Version Control & Documentation Tools

🟧 Connect With Me


Design. Build. Animate. Refine.

Aesthetic engineering is the goal.

example

Pinned Loading

  1. Saphinox Saphinox Public

    https://vickyeeii.github.io/Saphinox/

    HTML

  2. Portfolio Portfolio Public

    https://vickyeeii.onrender.com

    HTML

  3. Clone-2 Clone-2 Public

    HTML

  4. Clone-4 Clone-4 Public

    HTML

  5. Clone-6 Clone-6 Public

    HTML

  6. Clone-8 Clone-8 Public

    HTML