My Portfolio

A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS.

🚀 Features

• Modern Design: Clean and professional UI with smooth animations
• Responsive: Optimized for all device sizes
• TypeScript: Full type safety and better development experience
• Tailwind CSS: Utility-first CSS framework for rapid styling
• Shadcn/ui: Beautiful and accessible UI components
• Vite: Fast build tool and development server

🛠️ Tech Stack

• Frontend: React 18, TypeScript
• Styling: Tailwind CSS, CSS Variables
• UI Components: Shadcn/ui, Radix UI
• Build Tool: Vite
• Icons: Lucide React
• Animations: Tailwind CSS Animations

📦 Installation

1. Clone the repository:

git clone <repository-url>
cd my-portfolio

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open http://localhost:5173 in your browser.

🏗️ Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

📁 Project Structure

src/
├── components/     # Reusable UI components
│   ├── ui/        # Shadcn/ui components
│   └── ...        # Custom components
├── hooks/         # Custom React hooks
├── lib/           # Utility functions
├── pages/         # Page components
└── main.tsx       # Application entry point

🎨 Customization

The project uses CSS variables for theming. You can customize colors, fonts, and other design tokens in the src/index.css file.

📄 License

This project is open source and available under the MIT License.