Frontend Engineering Portfolio

A detailed timeline of interactive user interfaces, responsive client websites, and creative frontend projects designed and built by me.

Core Technical Skills

Core UI & Frameworks

ReactNext.jsTypeScriptJavaScript (ES6+)HTML5CSS3

Styling & Animations

Tailwind CSSFramer MotionAceternity UICSS Modules

Tooling & Optimization

Gitnpm/pnpmViteSEOWeb Performance

Personal Portfolio Website

Built this highly interactive personal portfolio website showcasing projects, skills, and professional experience with premium visual design.

  • Designed custom responsive timeline views and Bento grids to organize skills, achievements, and projects.
  • Integrated smooth transitions, animated highlights, and premium aesthetic layouts using Framer Motion.
  • Deployed on Vercel with automated build triggers and robust responsive styling.
Next.js 16React 19Tailwind CSS v4Framer MotionAceternity UI

Sygnet MUN Website 2026 NIT Hamirpur

Developed the official platform for Sygnet Model United Nations (MUN) 2026 at NIT Hamirpur, serving as the central hub for registrations, schedules, and event details.

  • Designed and implemented a modern glassmorphic UI with smooth interactive layouts and animations.
  • Integrated multi-step registration forms and applicant tracking for delegates, executive board, and international press.
  • Optimized web assets and implemented responsive design, ensuring a seamless user experience across all screen sizes.
Next.jsReactTailwind CSSFramer MotionTypeScript
Sygnet MUN Website 2026 NIT Hamirpur Preview 1Sygnet MUN Website 2026 NIT Hamirpur Preview 2

Asian Legends Cricket Council

Developed the official website for the Asian Legends Cricket Council, featuring custom tournament layouts, legends matches, team showcases, and cricket council news.

  • Built a high-performance frontend with interactive schedules, match records, and legend player profiles.
  • Implemented a clean modern dark-themed styling aligned with sports analytics designs.
  • Optimized assets and structured components for robust SEO, ensuring maximum visibility and discoverability.
ReactNext.jsTailwind CSSTypeScript