A modern, responsive portfolio website built with React, Tailwind CSS, and various modern web technologies. The website features a dark mode, smooth animations, and several interactive sections to showcase professional work and skills.
- 🌓 Dark/Light mode based on the user's system preferences
- 📱 Fully responsive design
- 🎨 Modern UI with Tailwind CSS
- ⚡ Lazy loading components
- 🔄 Smooth scroll animations
- 📊 Interactive portfolio showcase
- 💬 Client testimonials section
- 📝 Contact form
- ⚡ Performance optimized
- React 18
- Tailwind CSS
- Headless UI
- Hero Icons
- Swiper.js
- PostCSS
- Responsive navbar with mobile menu
- Smooth scroll to sections
- Dark mode toggle
- Download CV button
- Hero section with social links
- Skills showcase
- Portfolio gallery with Swiper.js
- Client testimonials
- Contact form
- Footer with social links
- Scroll-based animations
- Loading animations
- Hover effects
- Smooth transitions
Dark mode is implemented using Tailwind's dark mode class strategy. Toggle functionality is available in the navbar component.
The application uses:
- React.lazy() for code splitting
- Image optimization
- CSS animations for smooth transitions
- Responsive design practices
- Yousef Alfares
For any queries or suggestions, please reach out to: