Skip to content
View Vickyeeii's full-sized avatar

Block or report Vickyeeii

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
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: React, Django REST, 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


πŸ”Έ TaskNet – Freelance Marketplace (WIP)

Client dashboard, messaging, job posting.
Tech: React, TanStack Router, Django


πŸ”Έ TriNet – Warehouse Management UI

A polished animated dashboard experience.
Tech: React + Framer Motion


πŸ”Έ LMS – Learning Management System

Role-based modular LMS with payments.
Tech: FastAPI, MongoDB, Stripe, Vue


πŸ”Έ 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

LinkedIn: https://www.linkedin.com/in/vickyeeii/
Portfolio: https://saphinox.onrender.com/
Email: [email protected]


Design. Build. Animate. Refine.

Aesthetic engineering is the goal.

example

Pinned Loading

  1. Clone-1 Clone-1 Public

    HTML

  2. Clone-2 Clone-2 Public

    HTML

  3. Clone-4 Clone-4 Public

    HTML

  4. Clone-6 Clone-6 Public

    HTML

  5. Clone-8 Clone-8 Public

    HTML

  6. Saphinox Saphinox Public

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

    HTML