Aadarsh Kr.

Year

2025

Tech & Technique

Next.js 14, TypeScript, Tailwind CSS, Framer Motion, Responsive Design, Modern UI/UX, Print Optimization

Description

Resume Card is my personal digital resume website that presents my professional profile in a modern, interactive web format. This project showcases my skills and experience through a clean, responsive design that looks like a traditional resume but with enhanced web capabilities.

Key Features:

Personal Resume Display: My complete professional profile with experience, skills, and education
Modern Web Design: Clean, professional layout that mimics traditional resume formatting
Responsive Layout: Optimized viewing experience across all devices and screen sizes
Print-Friendly: CSS optimized for professional PDF generation and printing
Interactive Elements: Smooth animations and micro-interactions for enhanced user experience
Fast Loading: Built with Next.js 14 for optimal performance and SEO

Technical Highlights:

Built with Next.js 14 App Router for modern React development and server-side rendering
Implemented responsive design system using Tailwind CSS for consistent styling
Added smooth animations and micro-interactions with Framer Motion
Optimized for both screen viewing and print media with CSS print styles
Deployed on Vercel with custom domain and automated CI/CD pipeline
TypeScript integration for type safety and better development experience

My Role

Frontend Developer & Designer
Developed my personal digital resume website from concept to deployment:

UI/UX Design: Created professional resume-style layout with modern web aesthetics
Frontend Development: Built responsive interface with Next.js 14 and TypeScript
Responsive Design: Implemented mobile-first approach using Tailwind CSS
Animation Integration: Added subtle animations and transitions with Framer Motion
Print Optimization: Developed CSS print styles for professional PDF generation
Deployment & Domain: Set up custom domain with Vercel hosting and CI/CD pipeline