Flutter Portfolio – by @AladdineDev
💙 Responsive and adaptive design inspired by Brittany Chiang
💙 Riverpod Architecture by Andrea Bizzotto
💙 Feature-first structure
💙 Multiple languages
💙 Multiple themes
💙 Multi-platform (Android, iOS, macOS, Windows, Linux, Web)
If you haven't already, install Flutter
1. Fork and clone this repository
2. Enable your workflows
| Go to the Actions tab and enable your workflows. |
|---|
 |
Now you're all set to deploy your portfolio online. To build it locally and make customizations, follow the steps below.
3. Install dependencies:
flutter pub get4. Run the code generator:
dart run build_runner build -dFor additional information, refer to the build_runner documentation
5. Generate localization files:
dart run easy_localization:generate -S assets/translations -f json -O lib/src/localization/generated -o locale_json.g.dart
dart run easy_localization:generate -S assets/translations -f keys -O lib/src/localization/generated -o locale_keys.g.dartAutomatically deploy your portfolio to GitHub Pages with GitHub Actions:
git commit --allow-empty -m "trigger deploy" # if you have nothing to commit
git pushYour deployment will be available in few minutes at this URL: https://<YOUR_USERNAME>.github.io/portfolio
Whenever you want to redeploy your portfolio, simply push your changes as you did.
Additionally for your first deployment, you'll need to select the proper GitHub Pages branch.
| Go to the Settings tab and then click Pages. The branch is currently set to None. | Set the branch to gh-pages and save to redeploy. |
|---|---|
 |
 |
1. Portfolio Content:
Customize the portfolio content by modifying or adding JSON translation files within the assets/translations folder. Don't forget to re-generate your localization files when working locally. For an understanding of how JSON translation files are structured, refer to the translation template
If you add or remove a JSON translation file, remember to update the languages key in your other translation files. Also, update the supported locales in the lib/src/localization/app_localizations.dart
For additional information, refer to the easy_localization documentation
2. Your description:
Update your description content in the build/web/index.html:
<meta name="description" content="..." />1. Launcher Icon and Splash Screen:
Update your launcher icon and your splash screen in the pubspec.yaml
Then, run:
dart run flutter_launcher_icons
dart run flutter_native_splash:createFor additional information, refer to the flutter_launcher_icons and flutter_native_splash documentations
This project is licensed under the MIT License - see the LICENSE file for details
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent