🚀 Tanujairam's Portfolio

A modern, interactive portfolio website built with React, TypeScript, and cutting-edge web technologies. Features smooth animations, 3D graphics, and a responsive design.

✨ Features

• Interactive 3D Graphics — Powered by Three.js and React Three Fiber
• Smooth Animations — Framer Motion for fluid page transitions and micro-interactions
• Scroll Effects — Parallax scrolling and AOS (Animate On Scroll) for engaging user experience
• Contact Form — Integrated with EmailJS for direct communication
• Performance Monitoring — Sentry integration for error tracking and performance insights
• Responsive Design — Fully optimized for all devices using TailwindCSS
• Type-Safe — Built with TypeScript for robust code quality
• Smooth Scrolling — Lenis for buttery-smooth scroll experience

🛠️ Tech Stack

Core

• React 18 — Modern UI library with hooks and concurrent features
• TypeScript — Type-safe JavaScript for better developer experience
• Vite — Lightning-fast build tool and dev server

Styling & Animation

• TailwindCSS — Utility-first CSS framework
• Framer Motion — Production-ready animation library
• AOS — Animate On Scroll library

3D & Graphics

• Three.js — 3D graphics library
• React Three Fiber — React renderer for Three.js
• @react-three/drei — Useful helpers for React Three Fiber
• OGL — Minimal WebGL library

Additional Libraries

• EmailJS — Email service integration
• Lenis — Smooth scroll library
• React Icons & Lucide React — Icon libraries
• React Scroll — Scroll navigation
• React Type Animation — Typing animation effects
• React Scroll Parallax — Parallax effects

Monitoring & Quality

• Sentry — Error tracking and performance monitoring
• ESLint — Code linting
• Prettier — Code formatting

� Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/TanujairamV/tanujairamv.github.io.git
cd tanujairamv.github.io

2. Install dependencies:

npm install

3. Start the development server:

npm start

The site will be available at http://localhost:5173

🎯 Available Scripts

Command	Description
npm start	Start development server with hot reload
npm run build	Build optimized production bundle
npm run preview	Preview production build locally
npm run lint	Run ESLint to check code quality
npm run format	Format code with Prettier
npm run deploy	Deploy to GitHub Pages

📁 Project Structure

tanujairamv.github.io/
├── public/          # Static assets
├── src/
│   ├── Components/  # Reusable React components
│   ├── Data/        # Data files and constants
│   ├── Sections/    # Page sections
│   ├── App.tsx      # Root component
│   ├── Portfolio.tsx # Main portfolio component
│   └── Styles.css   # Global styles
├── index.html       # HTML entry point
├── package.json     # Dependencies and scripts
├── tailwind.config.js # TailwindCSS configuration
├── tsconfig.json    # TypeScript configuration
└── vite.config.js   # Vite configuration

🚀 Deployment

This portfolio is deployed on Vercel for optimal performance and automatic deployments.

Deploy to Vercel

1. Push your changes to GitHub
2. Import the repository on Vercel
3. Vercel will automatically detect Vite and deploy

Deploy to GitHub Pages

npm run deploy

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👤 Author

Tanujairam

• GitHub: @TanujairamV
• Portfolio: tanujairamv.github.io

---

⭐ Star this repo if you find it helpful!