A responsive personal portfolio and website built with Flutter and Dart, featuring a dark-themed UI, Firebase integration, and a mobile-first responsive layout.
This project is a multi-page portfolio site with:
- Home — Landing page with hero section, call-to-action, and navigation to the personal section
- Personal — Profile and detailed sections: About Me, Experience, Projects, Skills, and Education
Content can be driven by Firebase Remote Config (e.g. images), with Firebase Analytics for usage insights. The app is responsive across mobile, tablet, desktop, and large screens (4K).
| Category | Technologies |
|---|---|
| Framework | Flutter, Dart |
| Backend | Firebase (Core, Analytics, Remote Config) |
| UI | Material Design, custom typography (Playfair Display, Anton, Poiret One), responsive breakpoints |
| Tooling | Auto Mappr, Flutter Gen, Very Good Analysis |
# Install dependencies
flutter pub get
# Run on Chrome (web)
flutter run -d chrome
# Or run on your default device
flutter runWhen you change models or mappers, regenerate code with:
dart run build_runner buildlib/
├── bootstrap.dart # App startup (Firebase, Remote Config, image loading)
├── main.dart # App entry, routes, responsive breakpoints
├── components/ # Reusable UI (hero, background, links, social pills, etc.)
├── models/ # Domain & API models, DTOs, enums
├── mappers/ # DTO ↔ domain mappers (Auto Mappr)
├── services/ # Analytics, Remote Config, image loading, app info
├── util/ # Constants, typography, colors, extensions
├── views/
│ ├── home/ # Home page and widgets
│ └── personal/ # Personal page, profile, details (tabs)
└── gen/ # Generated assets (flutter_gen)Attribution for external resources used in this project:
| Resource | Link |
|---|---|
| Icons | Icons8 |
| Home background | Photo by James Wheeler (Pexels) |
| Personal page background | Photo by Pok Rie (Pexels) |
| Skills / tech icons | Tech Icons, SVG Repo |
| Badges | Badges |
This project is open source. See the repository and author for usage terms and license available here