� Zaid Sooman - Portfolio Website
| **Data Science & AI Graduate |
Full-Stack Developer |
ML Engineer** |
A modern, responsive portfolio website showcasing my expertise in Data Science, Artificial Intelligence, and Full-Stack Development. Built with cutting-edge technologies to demonstrate my technical skills and project experience.
�💻 About This Project
This portfolio represents my journey as a recent Data Science and AI graduate from the University of Al-Hussein Bin Talal. It showcases my expertise in machine learning, full-stack development, and data-driven problem-solving through real-world projects and professional experience.
🎯 Key Highlights
- � Recent Graduate: Bachelor’s in Data Science and Artificial Intelligence (2025)
- � AI/ML Projects: Search engine with NLP integration, AI-enhanced project management systems
- 💻 Full-Stack Expertise: React, Node.js, PostgreSQL, Python
- 📊 Data Science: Predictive analytics, machine learning algorithms, data visualization
- 🎨 UI/UX Design: Figma, responsive design, user-centered approach
- ⚡ Modern Tech Stack: React, Vite, Tailwind CSS, Framer Motion
🛠️ Technologies Used
Frontend
- React 18 - Modern component-based architecture
- Vite - Lightning-fast development and build tool
- Tailwind CSS - Utility-first styling framework
- Framer Motion - Smooth animations and transitions
Features
- 🌓 Dark/Light Theme - Seamless theme switching
- 📱 Fully Responsive - Optimized for all devices
- 🎯 Interactive UI - Engaging user experience
- ⚡ Performance Optimized - Fast loading and smooth navigation
- 🎵 Music Player - Background audio with controls
� Quick Start
# Clone the repository
git clone https://github.com/zaid-sooman/my-portfolio.git
# Navigate to project directory
cd my-portfolio/client
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
📁 Project Structure
client/
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Main page components
│ ├── assets/ # Images, icons, and media
│ ├── hooks/ # Custom React hooks
│ └── lib/ # Utility functions
├── public/ # Static assets
└── package.json # Dependencies and scripts
🌟 Featured Sections
- 🏠 Hero Section - Dynamic role carousel and introduction
- 👤 About - Personal background and technical expertise
- 🛠️ Skills - Technical proficiencies with interactive displays
- 💼 Projects - Showcase of real-world applications
- 🏆 Certificates - Professional achievements and certifications
- 📧 Contact - Multiple ways to get in touch
🎨 Design Philosophy
This portfolio emphasizes:
- Clean, Modern Aesthetics - Professional yet approachable design
- User Experience - Intuitive navigation and accessibility
- Performance - Optimized loading and smooth interactions
- Responsiveness - Perfect display across all devices
- Theme Adaptability - Comfortable viewing in any lighting
� License & Copyright
© 2025 Zaid Sooman. All Rights Reserved.
This portfolio and its contents are the intellectual property of Zaid Sooman. The code is available for reference and learning purposes. Please respect the copyright and give proper attribution if you use any part of this work.
📞 Connect With Me
Crafted with ❤️ by Zaid Sooman using React, Vite, and Tailwind CSS