Portfolio v2

I rebuilt my portfolio with React 18, TypeScript, and Framer Motion to showcase modern frontend skills. It features scroll-triggered animations, a dark mode, and project case studies that are both interactive and mobile-friendly. This was a milestone where I moved from a static site to a full React application.

React 18TypeScriptTailwind CSSFramer MotionVite

On this page

Feature Highlights

Organized, reusable React components with proper TypeScript types

Functional components with custom hooks for state and effects
Component organization by feature and domain
Type safety across all props and data
Modular, maintainable structure

Stack

React 18: Functional components with hooks, custom hooks for reusable logic.
TypeScript: Static type checking for safer code and better IDE support.
Tailwind CSS: Utility-first CSS framework for rapid layout and responsive design.
Framer Motion: Animation library for scroll effects and page transitions.
Vite: Fast build tool with instant dev server and optimized builds.
Netlify: Hosting with automatic deployments from GitHub.

Use Cases

A personal portfolio using modern React patterns and animations
Template for other developers wanting to build similar sites
Learning project to master React 18, TypeScript, and design animations

How to Use

Clone: git clone https://github.com/dhruba-datta/Portfolio-v2
Install dependencies: npm install
Start dev server: npm run dev
Edit content in src/components/ and src/pages/
Build for production: npm run build

Related projects

Optify project cover

Optify

AI transformation company site with shader visuals, an MDX journal and a build-time AI-search layer.

Operavo project cover

Operavo

Voice AI for real estate: answers every call, qualifies the buyer and books the showing on a live calendar.

Next.js 16Voice AI+4

SEG Marketing project cover

SEG Marketing

Industry landing pages for legal, healthcare and restaurants, with n8n lead routing and Calendly booking.

React 19n8n Automation+3

Let's Connect

Building a React portfolio?

I help developers create beautiful, interactive portfolios that showcase their best work.