Personal portfolio website showcasing my skills as a Flutter Developer, Technical Writer, and Open Source Contributor. Built with Flutter for web and deployed on GitHub Pages.
🌐 Live Demo: abdrrahmenz.github.io
├── flutter_source/ # Flutter source code
│ ├── lib/ # Dart source files
│ ├── web/ # Web-specific files
│ ├── test/
8000
# Unit and widget tests
│ └── pubspec.yaml # Flutter dependencies
├── .github/workflows/ # GitHub Actions CI/CD
├── build.sh # Build script for manual deployment
└── README.md # This file
The repository is configured with GitHub Actions for automatic deployment:
- Fork or clone this repository
- Enable GitHub Pages in repository settings
- Push changes to the
mainbranch - GitHub Actions will automatically build and deploy the site
If you prefer manual deployment or want to test locally:
# Clone the repository
git clone https://github.com/abdrrahmenz/abdrrahmenz.github.io.git
cd abdrrahmenz.github.io
# Build and deploy using the build script
./build.sh
# Commit and push the changes
git add .
git commit -m "Deploy updated portfolio"
git push origin mainTo run the Flutter app in development mode:
cd flutter_source
flutter pub get
flutter run -d chrome- 🎨 Modern Design: Clean, professional UI with smooth animations
- 📱 Responsive: Optimized for desktop, tablet, and mobile devices
- ⚡ PWA Ready: Progressive Web App with offline capabilities
- 🔍 SEO Optimized: Proper meta tags and structured content
- 📧 Contact Form: Interactive form for potential clients
- 🚀 Fast Loading: Optimized build with lazy loading
- ♿ Accessible: Built with accessibility best practices
- Frontend: Flutter (Dart)
- Styling: Material Design with custom theming
- Icons: Font Awesome Flutter
- Fonts: Google Fonts (Poppins)
- Animations: Animated Text Kit
- Deployment: GitHub Pages
- CI/CD: GitHub Actions
- Hero Section: Introduction with animated text and CTAs
- About Me: Personal story, experience timeline, and stats
- Skills: Technical skills with proficiency indicators
- Projects: Featured work with live demos and source code
- Contact: Contact form and social media links
- Footer: Additional info and newsletter signup
Edit the following files to customize with your information:
flutter_source/lib/widgets/hero_section.dart- Name, title, descriptionflutter_source/lib/widgets/about_section.dart- About text and experienceflutter_source/lib/widgets/skills_section.dart- Skills and proficiency levelsflutter_source/lib/widgets/projects_section.dart- Portfolio projectsflutter_source/lib/widgets/contact_section.dart- Contact information
Update the theme in:
flutter_source/lib/constants/app_constants.dart- Colors, text styles, sizes
- Create a new widget in
flutter_source/lib/widgets/ - Import and add it to
flutter_source/lib/screens/home_screen.dart - Update navigation in
flutter_source/lib/widgets/app_bar_widget.dart
- Flutter SDK (3.0.0 or higher)
- Dart SDK (3.0.0 or higher)
- Web browser for testing
cd flutter_source
flutter pub get
flutter run -d chrome --web-port 8080cd flutter_source
flutter testcd flutter_source
flutter analyzeThis project is open source and available under the MIT License.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Abdurrahman
- 🌐 Website: abdrrahmenz.github.io
- 📧 Email: abdurrahman@email.com
- 💼 LinkedIn: Abdurrahman
- 🐙 GitHub: @abdrrahmenz
⭐ Star this repository if you found it helpful!
Built with ❤️ using Flutter