A modern, interactive portfolio showcasing full-stack development expertise with premium animations and cutting-edge web technologies.
- Dynamic Loading Screen with personalized 3-phase messaging
- Custom Cursor System with interactive hover states and particle effects
- Advanced Scroll Controls with progress indicators and smooth animations
- Responsive Design optimized for all devices and screen sizes
- GSAP-Powered Transitions for professional-grade motion design
- Particle Systems for dynamic background effects
- 3D Card Interactions with flip animations on project cards
- Micro-Interactions throughout the interface for enhanced engagement
- React 18 with modern hooks and functional components
- Vite for lightning-fast development and optimized builds
- Tailwind CSS for maintainable, utility-first styling
- Performance Optimized with lazy loading and efficient animations
| Category | Technologies |
|---|---|
| Frontend | React 18, Vite, JavaScript ES6+ |
| Styling | Tailwind CSS, CSS3, Responsive Design |
| Animations | GSAP, CSS Animations, ScrollTrigger |
| Tools | ESLint, PostCSS, Git, GitHub Pages |
| Performance | Code Splitting, Lazy Loading, Optimization |
- Node.js (v18 or higher)
- npm or yarn package manager
# Clone the repository
git clone https://github.com/abdullahrather/abdullahrather.github.io.git
# Navigate to project directory
cd abdullahrather.github.io
# Install dependencies
npm install
# Start development server
npm run dev