Jamil Ur Rahman

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

🚀 Features

• Modern UI/UX: Clean and professional design with smooth animations
• Responsive Design: Optimized for all devices and screen sizes
• Performance: Fast loading with optimized assets
• Accessibility: Built with accessibility best practices
• SEO Friendly: Proper meta tags and structured data

🛠️ Tech Stack

• Frontend: React 18, TypeScript, Tailwind CSS
• UI Components: Radix UI, Framer Motion
• Styling: Tailwind CSS with custom animations
• Build Tool: Vite
• Deployment: Vercel

📁 Project Structure

Portfolio/
├── client/                 # React application
│   ├── src/
│   │   ├── components/     # Reusable UI components
│   │   ├── pages/         # Page components
│   │   ├── data/          # Hardcoded data files
│   │   ├── hooks/         # Custom React hooks
│   │   ├── lib/           # Utility functions
│   │   └── assets/        # Static assets
│   ├── public/            # Public assets
│   └── index.html         # HTML template
├── attached_assets/        # Additional assets
├── vercel.json            # Vercel configuration
├── vite.config.ts         # Vite configuration
└── package.json           # Dependencies

🚀 Getting Started

Prerequisites

• Node.js (v16 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

3. Start the development server:

npm run dev

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

Building for Production

npm run build

🌐 Deployment

This portfolio is configured for deployment on Vercel:

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Vercel will automatically detect the Vite configuration and deploy

The vercel.json file ensures proper routing for the single-page application.

📝 Customization

Personal Information

Update your personal information in the data files located in client/src/data/:

• personal.ts - Basic information
• experience.ts - Work experience
• education.ts - Educational background
• skills.ts - Skills and technologies
• projects.ts - Portfolio projects
• achievements.ts - Awards and achievements
• certificates.ts - Certifications

Styling

• Modify Tailwind classes in components
• Update color schemes in tailwind.config.ts
• Customize animations in client/src/lib/animations.ts

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

📄 License

This project is licensed under the MIT License.

---

Connect with me:

• 🌍 Portfolio: jamil-portfolio.vercel.app
• 📧 Email: jamilurahman@hotmail.com
• 💼 LinkedIn: jamilurahman
• 🐙 GitHub: jamilurahman