Skip to content

Built with Next.js 15, React, Tailwind CSS 4, and Three.js. Features stunning 3D visuals, GitHub-style activity graphs, responsive design, dark mode, and fluid animations. Optimized for performance and modern aesthetics.

Notifications You must be signed in to change notification settings

mayur858/portfolio

Repository files navigation

Portfolio — Mayur Kumar Garchar

A premium, interactive portfolio website designed to showcase my journey as a Software Developer. Built with a focus on performance, aesthetics, and modern web technologies.

Next.js React Tailwind CSS Three.js

✨ Key Features

  • 3D Hero Section: Implemented using @react-three/fiber and @react-three/drei for a stunning first impression.
  • Activity Visualization: A custom-built GitHub-style contribution graph to track development progress.
  • Responsive Design: Fully optimized for mobile, tablet, and desktop using Tailwind CSS 4.
  • Dark Mode: Seamless theme switching with persistent user preference.
  • Interactive UI: Fluid animations and modern components powered by Radix UI and Lucide icons.

🛠️ Tech Stack

  • Framework: Next.js 15+ (App Router)
  • Styling: Tailwind CSS v4, PostCSS
  • 3D Rendering: Three.js, React Three Fiber
  • Icons: Lucide React
  • UI Components: Radix UI (Shadcn/UI base)

🚀 Getting Started

  1. Clone the repository:
    git clone [https://github.com/mayur858/portfolio.git](https://github.com/mayur858/portfolio.git)

About

Built with Next.js 15, React, Tailwind CSS 4, and Three.js. Features stunning 3D visuals, GitHub-style activity graphs, responsive design, dark mode, and fluid animations. Optimized for performance and modern aesthetics.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •