My Portfolio

Welcome to my personal portfolio website! This is a modern, responsive portfolio built with React, TypeScript, and Tailwind CSS.

🚀 Features

• Modern Design: Clean and professional layout with 37+ themes
• Responsive: Fully responsive design that works on all devices
• Fast Loading: Optimized for performance with Vite
• SEO Friendly: Built with SEO best practices
• PWA Support: Can be installed as a Progressive Web App
• GitHub Integration: Automatically fetches and displays GitHub projects
• Blog Integration: Supports Medium and Dev.to articles
• Social Links: Easy integration with social media platforms

🛠️ Tech Stack

• Frontend: React 19, TypeScript
• Styling: Tailwind CSS, DaisyUI
• Build Tool: Vite
• Icons: React Icons
• Deployment: GitHub Pages

📱 Sections

• About: Personal information and bio from GitHub
• Skills: Technical skills and technologies
• Experience: Work history and professional experience
• Education: Academic background
• Projects: GitHub projects and external projects
• Certifications: Professional certifications
• Publications: Academic or professional publications
• Blog: Recent blog posts from Medium or Dev.to
• Contact: Social media links and contact information

🚀 Getting Started

Prerequisites

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

Installation

1. Clone the repository:

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

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and visit http://localhost:5173

Configuration

Edit the gitprofile.config.ts file to customize your portfolio:

• Update GitHub username
• Add your social media links
• Customize your skills, experience, and education
• Configure projects and blog settings
• Choose your preferred theme

Deployment

GitHub Pages

1. Fork this repository
2. Update the base value in gitprofile.config.ts:
   • For username.github.io: set base: '/'
   • For username.github.io/repository-name: set base: '/repository-name/'
3. Enable GitHub Actions in your repository
4. Push changes to the main branch
5. Your site will be automatically deployed

Other Platforms

This project can also be deployed to:

• Netlify
• Vercel
• Heroku
• Any static hosting service

🎨 Customization

Themes

Choose from 37+ built-in themes or create your own custom theme by modifying CSS variables in src/assets/index.css.

Adding Custom Sections

You can add custom sections by:

1. Creating new components in src/components/
2. Adding them to the main layout
3. Updating the configuration file

📄 License

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

🤝 Contributing

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

📞 Contact

• Email: your.email@example.com
• LinkedIn: Your LinkedIn Profile
• GitHub: Your GitHub Profile
• Website: Your Website

---

Made with ❤️ by Your Name