Cline rules

1# Project Summary
2 
3A modern, interactive portfolio website built with React and TypeScript, featuring smooth animations, mobile responsiveness, and a dark theme. The project showcases various development projects with an elegant carousel interface and smooth navigation.
4 
5# Project Architecture
6 
7- **Frontend App:** Single-page React application with TypeScript
8- **Tech Stack:** React 18, TypeScript, Vite, Tailwind CSS, Framer Motion
9- **Data Flow:** Component-based architecture with props drilling for state management
10 
11# Key Dependencies
12 
13- React Router for client-side routing
14- Framer Motion for animations and transitions
15- Lucide React for icon components
16- Tailwind CSS for styling
17 
18# Recent updates
19 
20- Debug console logs removed from ProjectCarousel component for production build
21- Unused imports and variables cleaned up to resolve TypeScript errors
22- Mobile-responsive design with touch gesture support
23- Autoplay carousel functionality with pause-on-hover behavior
24