🚀 AI Automation Developer Portfolio

A modern, responsive portfolio website for Salimuddin Saiyed - AI Automation Developer & Web Scraping Expert.

🌟 About This Portfolio

Professional portfolio showcasing expertise in AI automation, web scraping, and intelligent workflow development. Built with React and featuring dynamic animations, real-time synchronized typewriter effects, and comprehensive project displays.

✨ Key Features

• Fully Responsive Design - Works seamlessly across all devices
• Multi-Page Layout - Home, About, Portfolio, and Contact sections
• Synchronized Typewriter Animation - Real-time text animation across multiple devices
• Contact Form with EmailJS - Automated email notifications and auto-replies
• Dynamic Portfolio Grid - Showcases AI automation and web scraping projects
• Professional Theme Toggle - Dark/Light mode support
• SEO Optimized - Meta tags and structured data
• Fast Loading - Optimized performance and assets

🛠 Technologies Used

• Frontend: React.js, CSS3, Bootstrap
• Animation: Custom synchronized typewriter component
• Email Service: EmailJS integration
• Deployment: Vercel-ready configuration
• Icons: React Icons library

🚀 Quick Setup

Prerequisites

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

Installation

1. Clone the repository

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

2. Install dependencies

   npm install
   # or
   yarn install

3. Start development server

   npm start
   # or
   yarn start

4. Build for production

   npm run build
   # or
   yarn build

📝 Customization

Content Configuration

All content can be easily modified in src/content_option.js:

• Personal Information: Name, title, description
• Skills & Services: Technical expertise and offerings
• Portfolio Projects: Project showcases with images and descriptions
• Contact Details: Email, social links, and contact form settings
• Animated Text: Typewriter animation sentences

Styling

• Main styles: src/index.css
• Component styles: Individual CSS files in each component folder
• Responsive design: Mobile-first approach with breakpoints

EmailJS Setup

1. Create account at EmailJS
2. Update contactConfig in src/content_option.js with your:
   • Service ID
   • Template ID
   • User ID
   • Auto-reply template ID

🌟 Portfolio Highlights

• 50+ Web Scrapers Deployed - Advanced data extraction solutions
• 30+ Automation Tools - Business process optimization
• AI Chatbot Integrations - WhatsApp, Telegram, Web platforms
• Full-Stack Development - React, Node.js, MongoDB expertise
• Real-time Analytics - Dashboard and reporting solutions

📱 Deployment

Vercel (Recommended)

1. Push code to GitHub
2. Connect repository to Vercel
3. Deploy automatically

Other Platforms

• Netlify: Drag and drop build folder
• GitHub Pages: Enable in repository settings
• Firebase Hosting: Use Firebase CLI

🔧 Environment Setup

Create .env.local for environment variables:

REACT_APP_EMAILJS_SERVICE_ID=your_service_id
REACT_APP_EMAILJS_TEMPLATE_ID=your_template_id
REACT_APP_EMAILJS_USER_ID=your_user_id

📊 Performance Features

• Synchronized Animation: Millisecond-precise typewriter effect
• Optimized Images: Compressed and responsive images
• Lazy Loading: Improved loading performance
• SEO Friendly: Meta tags and social media optimization

🎨 Design Philosophy

• Professional Aesthetics: Clean, modern design
• User Experience: Intuitive navigation and interaction
• Mobile-First: Responsive across all screen sizes
• Accessibility: Screen reader friendly and keyboard navigation

📞 Contact & Support

• Developer: Salimuddin Saiyed
• Email: salimuddinsaiyed5@gmail.com
• GitHub: salimuddin07
• LinkedIn: salimuddin07

📄 License

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

⭐ Support

If you find this portfolio template helpful, please give it a ⭐ on GitHub!

---

Built with ❤️ by Salimuddin Saiyed - AI Automation Developer