Interactive Business Card

A modern, interactive business card built with React and SCSS featuring smooth animations and professional design.

Features

Front Side

• Name and Phone: Displays Ezequiel Lopez and phone number
• Engineer Title: Animated "Engineer" title with glowing effect
• Interactive Flip: Click to flip to the back side

Back Side (Jaw-Dropping Disassemble Animation)

When the card flips, it features a spectacular "disassemble and reassemble" animation with flying pieces that reveals:

Social Links

• GitHub: https://github.com/eimf
• LinkedIn: https://www.linkedin.com/in/ezzykeeel/
• Boot.dev: https://www.boot.dev/u/zeke223
• LeetCode: https://leetcode.com/u/ezequiel223/

Resume Download

• Prominent download button for Ezequiel-Lopez-CV.pdf
• Opens in new tab for easy access

Recent Projects

• Jot.rocks: Note-taking app
• Tours El Kirk Mexico: Tour booking platform
• Tableau de Katia: Art portfolio
• Sheets App: Spreadsheet application

Technical Features

• Jaw-Dropping Animations: Flying pieces, 3D disassemble/reassemble effects
• Expanded Layout: Card grows to accommodate all information beautifully
• Smooth Transitions: Advanced CSS keyframe animations with cubic-bezier easing
• Responsive Design: Works on desktop and mobile devices
• Modern UI: Glassmorphism effects and cyberpunk styling
• Interactive Elements: Hover effects, click animations, and state transitions
• External Links: All links open in new tabs
• Professional Layout: Clean, organized information display with staggered animations

Getting Started

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Open your browser and navigate to http://localhost:5173

Build for Production

npm run build

Technologies Used

• React 18
• Vite
• SCSS
• CSS Animations
• Modern JavaScript (ES6+)