Modern Portfolio Website

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

Features

• 🎨 Modern and clean design
• 📱 Fully responsive
• ⚡ Fast and optimized performance
• 🎭 Smooth animations with Framer Motion
• 🎯 SEO optimized
• 📝 Contact form
• 🎨 Customizable color scheme
• 🔍 TypeScript for better development experience

Getting Started

Prerequisites

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

Installation

1. Clone the repository:

git clone https://github.com/yourusername/portfolio.git
cd portfolio

2. Install dependencies:

npm install
# or
yarn install

3. Start the development server:

npm run dev
# or
yarn dev

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

Customization

Personal Information

1. Update the content in the components:

   • Hero.tsx: Update name, title, and description
   • About.tsx: Update bio, education, and experience
   • Projects.tsx: Add your projects
   • Skills.tsx: Add your skills
   • Footer.tsx: Update social links

2. Update meta information in index.html:

   • Title
   • Description
   • Open Graph tags
   • Favicon

Styling

The project uses Tailwind CSS for styling. You can customize the colors and other design elements in:

• tailwind.config.js: Update the color scheme and other theme settings
• src/index.css: Add custom styles and utilities

Images

1. Replace the placeholder images in the public directory:
   • Profile picture
   • Project screenshots
   • Favicon

Building for Production

npm run build
# or
yarn build

The build files will be in the dist directory.

Deployment

You can deploy the portfolio to various platforms:

• Vercel
• Netlify
• GitHub Pages
• Any static hosting service

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

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