Personal Portofolio

Web Dev
Frontend
Personal Portofolio

Tech Stack

React
Typescript
Tailwind CSS
Shadcn

Description

Personal Portfolio Website for experienced Web Developer.

  • Built a high-performance frontend with Next.js App Router.
  • Designed responsive UIs with Tailwind CSS utility classes, ensuring consistent styling across mobile/desktop.
  • Implemented dynamic routing (/products/[id]) for seamless user navigation.
  • Developed reusable components with TypeScript type safety.
  • Integrated RESTful APIs/[GraphQL] for real-time data fetching using fetch/axios.
  • Optimized images using Next.js <Image> component, reducing page load time by 40%.
  • Configured dark mode toggle with Tailwind’s dark: variant and React context.

Page Info

Home Screen

/experience/portofolio/landing_1.webp/experience/portofolio/landing_2.webp/experience/portofolio/landing_3.webp