🎨 Modern Portfolio Website

A modern, responsive portfolio website with advanced features
Explore the docs »

View Demo

✨ Features

• 🎨 Modern and clean design
• 🌓 Persistent dark mode with system preference detection
• 📱 Fully responsive layout
• 🚀 Smooth scroll navigation
• 💼 Project showcase section with pagination
• 🔍 Project filtering system
• 📝 Contact form
• 🎯 About me section
• 🔗 Social media integration
• ⚡ Fast performance
• 🎉 Interactive UI elements
• 💫 Hover animations
• 🔄 State persistence
• 📱 Mobile-first design

🛠️ Built With

• Frontend Framework: React 18.3.1
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Language: TypeScript
• Code Quality: ESLint
• Performance: Modern JavaScript features & optimizations
• State Management: React Hooks & Local Storage

🚀 Getting Started

1. Clone the repository

   https://github.com/raflyazwar/modern-portfolio.git

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Build for production

   npm run build

💻 Technical Features

• Advanced Dark Mode:
  • System preference detection
  • Persistent theme selection
  • Smooth transitions
• Project Management:
  • Pagination system
  • Category filtering
  • Dynamic loading
• Responsive Design:
  • Mobile-first approach
  • Breakpoint optimization
  • Flexible layouts
• Performance:
  • Optimized images
  • Lazy loading
  • Smooth animations
• User Experience:
  • Interactive elements
  • Smooth scrolling
  • Visual feedback
• Code Quality:
  • TypeScript integration
  • ESLint configuration
  • Modern React practices

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

Distributed under the MIT License. See LICENSE for more information.

👨‍💻 Author

Rafly Azwar

• GitHub: @raflyazwar
• Website: raflyazwar.dev

🙏 Acknowledgments

• React for the frontend framework
• Tailwind CSS for styling
• Lucide React for icons
• Unsplash for stock images

💖 Support Me

If you appreciate my work and want to support me, you can do so through the following options:

• BagiBagi: Support on BagiBagi
• Saweria: Support on Saweria
• Socialbuzz: Support on Socialbuzz

---

Made with ❤️ by Rafly Azwar