10BC0 Vickyeeii (Vishnu VP) ยท GitHub
[go: up one dir, main page]

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: 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

0