This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
I'm Aniruddha Adak, an AI Agent Engineer specializing in building autonomous systems that can think, plan, and execute. I believe in the power of "Authentic Imperfection"—that technology should feel human, approachable, and creative, not just sterile and efficient.
With this portfolio, I wanted to break away from the standard corporate sleekness and create something that reflects my rigorous engineering background wrapped in a playful, hand-drawn aesthetic. It's a digital sketchbook where my code comes to life.
Portfolio
Live Demo:
Source Code:
🎨 Hand-Drawn AI Engineer Portfolio
A unique, hand-drawn style portfolio for an AI Agent Engineer, built with HTML, CSS, and Vanilla JavaScript.
✨ Features
50+ Unique Sections: Comprehensive details about skills, projects, experience, and more.
Hand-Drawn Aesthetic: Custom CSS for wobbly borders, tape effects, and paper textures.
15+ Scroll Animations: Dynamic entrance effects including slide, bounce, rotate, and scale.
Interactive Elements
- Typewriter effect
- Drag-to-scroll skills
- Hover tilt effects
- Animated counters
- Circular progress bars
Responsive Design: Fully optimized for mobile, tablet, and desktop.
Zero Dependencies: Pure HTML5, CSS3, and JavaScript (no heavy frameworks).
🛠️ Built With
HTML5: Semantic structure
CSS3: Custom properties, flexbox/grid, keyframe animations
JavaScript (ES6+): Intersection Observer API for scroll animations
Google Fonts: 'Kalam' (headings) and 'Patrick Hand' (body)
Lucide Icons: Lightweight, consistent iconography
🚀 Getting Started
Clone the repository
git clone https://github.com/AniruddhaAdak/hand-drawn-portfolio.git
cd hand-drawn-portfolio
Open
index.html
Simply…
The Journey Through 56 Sections
1. Hero Section
2. Marquee Ticker
3. About Me
4. Mission Statement
5. Metrics Counter
6. Technical Skills
7. Proficiency Bars
8. Education
9. Services
10. Experience Timeline
11. Selected Projects
12. Testimonials
13. Blog Posts
14. Fun Facts
15. GitHub Stats
16. Contact & Social Footer
(...and 40+ more sections including Travel, Music, Goals, and Code Snippets!)
How I Built It
HTML5 + CSS3 + Vanilla JavaScript + Google Fonts
Google Antigravity used for
✅ Code Generation
✅ Visual CSS
✅ Content Creation
✅ Debugging
Thanks for checking out my submission!
SOCIAL SHARE CARD GENERATOR