Iftiajul Alam - Portfolio Website

A modern, minimalistic, single-page portfolio website showcasing AI automation, machine learning, and full stack development expertise.

🚀 Live Demo

Visit the live website: [Your Vercel URL]

👤 About

Md. Iftiajul Alam
AI Automation Specialist | Machine Learning Engineer | Full Stack Developer

Computer Science graduate from Brac University with expertise in:

• AI & Machine Learning
• Computer Vision
• Web Development (MERN Stack)
• Automation Systems
• Research & Data Analysis

🛠️ Tech Stack

• Framework: React 18
• Build Tool: Vite
• Styling: Pure CSS (No UI libraries)
• Font: Inter (Google Fonts)
• Deployment: Vercel

📁 Project Structure

Own_Portfolio/
├── public/
├── src/
│   ├── components/
│   │   ├── Navbar.jsx
│   │   ├── Navbar.css
│   │   ├── Hero.jsx
│   │   ├── Hero.css
│   │   ├── About.jsx
│   │   ├── About.css
│   │   ├── Skills.jsx
│   │   ├── Skills.css
│   │   ├── Projects.jsx
│   │   ├── Projects.css
│   │   ├── Research.jsx
│   │   ├── Research.css
│   │   ├── Experience.jsx
│   │   ├── Experience.css
│   │   ├── Services.jsx
│   │   ├── Services.css
│   │   ├── Contact.jsx
│   │   ├── Contact.css
│   │   ├── Footer.jsx
│   │   └── Footer.css
│   ├── App.jsx
│   ├── App.css
│   ├── main.jsx
│   └── index.css
├── index.html
├── package.json
├── vite.config.js
└── README.md

🎨 Features

• Fully Responsive: Mobile-first design that works on all devices
• Smooth Navigation: Scroll-based navigation with fixed navbar
• Clean Design: Minimalistic white background with accent colors
• Performance Optimized: Fast loading with Vite
• SEO Ready: Proper meta tags and semantic HTML
• No Backend: Pure frontend static site

📦 Installation

1. Clone the repository:

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

2. Install dependencies:

   npm install

3. Run development server:

   npm run dev

4. Open in browser:

   http://localhost:5173
   

🏗️ Build for Production

npm run build

The build output will be in the dist/ folder.

🚀 Deployment on Vercel

Option 1: Deploy via Vercel CLI

1. Install Vercel CLI:

   npm install -g vercel

2. Deploy:

   vercel

Option 2: Deploy via GitHub

1. Push your code to GitHub
2. Go to vercel.com
3. Click "New Project"
4. Import your GitHub repository
5. Vercel will auto-detect Vite and deploy

Option 3: Deploy via Vercel Dashboard

1. Build the project locally:

   npm run build

2. Go to vercel.com
3. Drag and drop the dist/ folder

📝 Customization

Update Personal Information

Edit the content in each component file:

• Hero Section: src/components/Hero.jsx
• About Section: src/components/About.jsx
• Skills: src/components/Skills.jsx
• Projects: src/components/Projects.jsx
• Research: src/components/Research.jsx
• Experience: src/components/Experience.jsx
• Services: src/components/Services.jsx
• Contact: src/components/Contact.jsx

Change Colors

Modify CSS variables in src/index.css:

:root {
  --primary-color: #1e293b;
  --accent-color: #3730a3;
  --text-color: #0f172a;
  --text-secondary: #475569;
  --bg-color: #ffffff;
  --bg-secondary: #f8fafc;
  --border-color: #e2e8f0;
}

Add CV Download

Place your CV PDF in the public/ folder as cv.pdf, and the download button in the Hero section will work automatically.

🔧 Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build locally

📄 License

This project is open source and available for personal and commercial use.

📧 Contact

• Email: iftiajul.alam@example.com
• LinkedIn: linkedin.com/in/iftiajul-alam
• GitHub: github.com/iftiajul-alam

---

Built with ❤️ using React and Vite