Portfolio 💙

Flutter Portfolio – by @AladdineDev

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