hackathon-portfolio

• 

  Contact

• 

  About

• 

  Projects

• 

  Home page

🚀 Inspiration As a developer passionate about creating standout digital experiences, I wanted to build a portfolio that goes beyond a basic resume — something interactive, aesthetic, and tech-savvy to showcase my skills during hackathons and client pitches. Inspired by top-tier portfolios like RyanCV and Gridx, I decided to blend their bold design with my own creative twist. 🛠️ What I Learned How to integrate Tailwind CSS with React for highly responsive UI Creating smooth micro-animations and hover effects for buttons, cards, and icons Using Framer Motion for transitions and scroll-based animation Managing components efficiently to maintain clean and scalable code Hosting and deploying the app with GitHub Pages

⚙️ How I Built It I started by designing a layout inspired by modern developer portfolios. I broke the site into multiple reusable components and styled them using Tailwind CSS for maximum responsiveness. I used React Icons, Framer Motion, and custom SVGs to add dynamic feel. Every section is crafted to grab attention and deliver content in a clean, animated way.

🧱 Challenges I Faced Balancing animation and performance for a smooth experience Making complex SVG animations responsive on all screen sizes Designing a dark/light mode theme that remains clean and user-friendly Getting pixel-perfect alignment across components on different devices

Built With

• css3
• framermotion
• githubpages
• html5
• react.js
• reacticons
• reactrouterdom
• tailwind