An interactive portfolio experience inspired by the design language of modern digital ID cards.
Built to blend personal branding, UI/UX experimentation, and web development, this project transforms a traditional portfolio into a dynamic and immersive experience.
🔗 Live Demo: https://suryakiranayila.github.io/idcardfolio.github.io/
IDCardFolio reimagines the standard portfolio website as an interactive digital identity card.
Designed and developed with a focus on clean aesthetics, subtle animations, and intuitive interactions, it showcases my work, skills, and creative interests through a unique visual approach.
- 🪪 ID card-inspired portfolio interface
- ✨ Smooth animations and micro-interactions
- 📱 Responsive design for desktop and mobile devices
- 📄 Downloadable resume integration
- 🎨 Custom UI/UX design
- ⚡ Lightweight and fast-loading architecture
- 🌙 Modern visual styling with attention to detail
- HTML5
- CSS3
- JavaScript
- GitHub Pages
.
├── index.html
├── styles.css
├── main.js
├── Profile.jpg
├── Resume.pdf
└── README.md
Clone the repository:
git clone https://github.com/suryakiranayila/idcardfolio.github.io.gitNavigate to the project directory:
cd idcardfolio.github.ioOpen index.html in your browser or use a local development server.
For example:
python -m http.server 8000Then visit:
http://localhost:8000
This project explores how thoughtful design and storytelling can transform a personal portfolio into a memorable experience.
It reflects my interests in:
- Artificial Intelligence
- Data Science
- Machine Learning
- AI + XR
- Tech
- UI/UX Design
- Photography
- Creative Technology
- Spacce and Travel
- Always ☕ Caffinated
- GitHub: https://github.com/suryakiranayila
- LinkedIn: https://www.linkedin.com/in/surya-kiran-ayila-040d0b260/
- Portfolio: https://suryakiranayila.github.io/idcardfolio.github.io/
If you find this project interesting, consider giving it a ⭐.