I built an Apple-inspired full-stack developer portfolio and client acquisition platform from scratch using pure HTML5, CSS3, and Vanilla JavaScript.
The most challenging part was engineering custom UI components—like the scroll progress indicator, glassmorphic blurred navigation bar, dynamic scroll-reveal animations using native IntersectionObserver API, and interactive contact modal—without relying on external libraries or frameworks like React or Tailwind.
I am most proud of how clean, responsive, and fast the site feels. It includes dedicated sections for services, tech stack, structured pricing tiers, client testimonials, an interactive FAQ accordion, and a built-in contact modal that auto-generates structured email drafts directly in the client’s default mail app.
To test the project:
- Scroll down the landing page to check out the scroll animations and sticky navigation header.
- Click any “Get started” or “Talk to me” buttons under the Pricing section to trigger the interactive contact modal.
- Test out the FAQ section by clicking the accordions to expand answers.
- Fill out the contact form inside the modal and submit it to see how it dynamically parses your input into a ready-to-send email draft!
