Blogging Android + iOS cross-platform frontend App template | Flutter 2 | Bloggers Den

Here is a complete settings example for the Blogging Android + iOS cross-platform frontend App template | Flutter 2 | Bloggers Den:

firebaseConfig

In the android/app/src/main/java/com/example/bloggersden/firebaseConfig.dart file, add your Firebase configuration as follows:

const String apiKey = '<YOUR_API_KEY>';
const String authDomain = '<YOUR_AUTH_DOMAIN>';
const String projectId = '<YOUR_PROJECT_ID>';
const String storageBucket = '<YOUR_STORAGE_BUCKET>';
const String messagingSenderId = '<YOUR_MESSAGING_SENDER_ID>';
const String appId = '<YOUR_APP_ID>';
const String measurementId = '<YOUR_MEASUREMENT_ID>';

Replace <YOUR_API_KEY>, <YOUR_AUTH_DOMAIN>, <YOUR_PROJECT_ID>, <YOUR_STORAGE_BUCKET>, <YOUR_MESSAGING_SENDER_ID>, <YOUR_APP_ID>, and <YOUR_MEASUREMENT_ID> with your actual Firebase configuration values.

firebase_storage_bucket

In the android/app/src/main/java/com/example/bloggersden/firebase_storage_bucket.dart file, add your Firebase Storage bucket name as follows:

const String bucketName = '<YOUR_BUCKET_NAME>';

Replace <YOUR_BUCKET_NAME> with your actual Firebase Storage bucket name.

flutterfire_cli

In the pubspec.yaml file, add the following configuration:

flutterfire_cli:
  google_app_id: '<YOUR_GOOGLE_APP_ID>'
  google_app_auth_domain: '<YOUR_GOOGLE_APP_AUTH_DOMAIN>'
  google_app_project_id: '<YOUR_GOOGLE_APP_PROJECT_ID>'
  google_app_storage_bucket: '<YOUR_GOOGLE_APP_STORAGE_BUCKET>'

Replace <YOUR_GOOGLE_APP_ID>, <YOUR_GOOGLE_APP_AUTH_DOMAIN>, <YOUR_GOOGLE_APP_PROJECT_ID>, and <YOUR_GOOGLE_APP_STORAGE_BUCKET> with your actual Firebase configuration values.

google_maps_api_key

In the android/app/src/main/java/com/example/bloggersden/google_maps_api_key.dart file, add your Google Maps API key as follows:

const String apiKey = '<YOUR_API_KEY>';

Replace <YOUR_API_KEY> with your actual Google Maps API key.

stripe_public_key

In the android/app/src/main/java/com/example/bloggersden/stripe_public_key.dart file, add your Stripe public key as follows:

const String publicKey = '<YOUR_PUBLIC_KEY>';

Replace <YOUR_PUBLIC_KEY> with your actual Stripe public key.

stripe_secret_key

In the android/app/src/main/java/com/example/bloggersden/stripe_secret_key.dart file, add your Stripe secret key as follows:

const String secretKey = '<YOUR_SECRET_KEY>';

Replace <YOUR_SECRET_KEY> with your actual Stripe secret key.

Here are the features of the Blogging Android + iOS cross-platform frontend App template:

1. Online Blog Reading: The app is exclusively designed for online blog reading, allowing authors to share their stories/articles/blogs and readers to read them from the comfort of their own.
2. Bookmarking: Users can bookmark blogs for future reading.
3. Modern UI Design: The app has a modern, clean, and detailed UI design for both iOS and Android platforms.
4. 15+ Frontend-Developed Screens: The template includes 15+ frontend-developed screens using the GetX framework of Flutter.
5. Dark and Light Theme Mode: The app has a dark and light theme mode in action.
6. 4 Different Home Screen Layouts: The app has 4 different types of Home Screen layouts.
7. Fully Accessible and Readable Blog Template: The app has a fully accessible and readable Blog template.
8. Popular Author List and Author Profile Page Template: The app has a popular author list and author profile page template.
9. Trending Blog List and Categorised Blog List Template: The app has a trending blog list and categorised blog list template.
10. Blog Bookmarks Page Template: The app has a blog bookmarks page template.
11. About Page and Terms Page Template: The app has an about page and terms page template.
12. Wrapped with GetX State Management: The app is wrapped with GetX state management clean architecture.
13. Cross-Platform Dart Code: The app has cross-platform Dart code.
14. Integrated Flutter Animations: The app has integrated flutter animations.
15. Well-Designed and Animated Splash Screen: The app has a well-designed and animated splash screen.
16. Well-Commented Code: The app has well-commented code.
17. Pixel Perfect Design: The app has a pixel-perfect design.
18. Extended Documentation: The app has extended documentation.

Fonts used:

1. Poppins
2. Raleway

Images courtesy:

1. Unsplash