ReginaPortfolio

Behind the Scenes of This Portfolio

Building this portfolio came with a few challenges and plenty of learning:

• ⚡ Making it feel alive: Added a smooth loading spinner. Flutter web doesn’t play nicely with HTML/Bootstrap, so a little creativity was needed.

• 🔒 Keeping secrets safe: My contact form uses EmailJS. .env files don’t work with GitHub Pages, so I had to find a secure workaround.

• 🚀 Automating updates: Every push to the main branch now auto-deploys via GitHub Actions. Setting this up taught me a lot about Flutter web builds and CI/CD.

Each challenge was a lesson, and now the portfolio is live, polished, and fully functional.

📦 Packages

• ResponsiveFramework - https://pub.dev/packages/responsive_framework
• UrlLauncher - https://pub.dev/packages/url_launcher
• Http - https://pub.dev/packages/http
• GoogleFonts - https://pub.dev/packages/google_fonts
• Provider - https://pub.dev/packages/provider
• Lottie - https://pub.dev/packages/lottie
• FlutterSvg - https://pub.dev/packages/flutter_svg
• FlutterAnimate - https://pub.dev/packages/flutter_animate

🎨 Design

• Fully custom design showcasing my visual and UI/UX skills

• Font Family: Montserrat

• Animations created with Lottie

• Logo crafted in Canva

• Color palette:

  

  🔗 Link to Page

  https://rragnarsd.github.io/regina_portfolio/

  📷 Screenshots