Modern JavaScript Deep Dive

Hello there, it's your favourite developer here. This is a project in my javascript deep dive which is part of a weekly project-oriented learning series i've curated to assist developers like me in escaping tutorial hell with online courses and instead learn necessary JS practices from building a project which could be added to their resume.

Asides the readme file more details on this project and subsequent ones will be provided on the sites below:

• X: A list of the tasks completed for the day.
• Linkedin: A more detailed explanation of the tasks completed, with a key lesson for each day.
• Hashnode: A full recap of the entire day, problems, how they were solved and key takeaways.

Interactive Resume

An animated, interactive resume built with HTML, CSS, JavaScript, and GSAP.
Switch between tabs with smooth, unique animations. Includes hover effects, background gradients, and typing animations. Built as part of my Modern JavaScript Deep Dive learning week.

🚀 Features

• Unique tab animations (bounce, elastic, flip, fade)
• Typing effect for role text
• Gradient background animation
• Hover glow + tilt effect for resume card
• Responsive & mobile-friendly

🚀 Live Demo

Production Link

📅 Progress Log

• Day 1: Static HTML/CSS Resume Card.
• Day 2: Multi-section, animated experience with GSAP.
• Day 3: Name & role pop-up with spring animation.
• Day 4: Glowing hover effect to tabs and particle background.
• Day 5: Section flip.
• Day 6: Contact pulse & floating animation.

🛠 Tech Stack

• HTML5 – Structure
• CSS3 – Styling, animations, gradients
• JavaScript (ES6+) – Interactivity
• GSAP – Animations & transitions
• No Build Tools – Runs in any browser
• Vercel for hosting.

📷 Preview

📦 Setup