Skip to content

Your Flutter portfolio template online in less than 10 minutes πŸš€

License

Notifications You must be signed in to change notification settings

AladdineDev/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Portfolio πŸ’™ Stars Forks

Flutter Portfolio – by @AladdineDev

Flutter 3 Dart 3

Live Preview πŸ‘€

Features ✨

πŸ’™ 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)

Getting started πŸš€

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 get

4. Run the code generator:

dart run build_runner build -d

For 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.dart

Deploy

Automatically deploy your portfolio to GitHub Pages with GitHub Actions:

git commit --allow-empty -m "trigger deploy" # if you have nothing to commit
git push

Your 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.

Personalization πŸ› οΈ

Content πŸ–‹

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.

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="..." />

Theme 🎨

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:create

For additional information, refer to the flutter_launcher_icons and flutter_native_splash documentations

License πŸ“„

This project is licensed under the MIT License - see the LICENSE file for details