I'll help you set up the Flutter frontend structure for the Masar investment app. Here's the initial setup: name: masar description: A new Flutter project for Masar investment app. publish_to: 'none' version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 firebase_core: ^2.14.0 firebase_auth: ^4.9.0 cloud_firestore: ^4.8.0 provider: ^6.0.5 http: ^0.13.5 intl: ^0.18.1 flutter_svg: ^2.0.7 syncfusion_flutter_charts: ^22.1.40 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 flutter: uses-material-design: true assets: - assets/illustrations/ - assets/icons/ fonts: - family: CustomFont fonts: - asset: assets/fonts/CustomFont-Regular.ttf - asset: assets/fonts/CustomFont-Bold.ttf weight: 700 import 'package:firebase_core/firebase_core.dart'; import 'package:flutter/material.dart'; import 'package:masar/routes/app_routes.dart'; import 'package:masar/theme/colors.dart'; import 'package:masar/views/common/splash_screen.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp(); runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Masar', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: AppColors.primary), useMaterial3: true, ), home: const SplashScreen(), onGenerateRoute: AppRoutes.generateRoute, ); } } class UserModel { final String uid; final String? email; final String? displayName; final String? photoUrl; final DateTime? createdAt; UserModel({ required this.uid, this.email, this.displayName, this.photoUrl, this.createdAt, }); factory UserModel.fromMap(Map map) { return UserModel( uid: map['uid'], email: map['email'], displayName: map['displayName'], photoUrl: map['photoUrl'], createdAt: map['createdAt']?.toDate(), ); } Map toMap() { return { 'uid': uid, 'email': email, 'displayName': displayName, 'photoUrl': photoUrl, 'createdAt': createdAt, }; } } class PortfolioModel { final String id; final String userId; final String name; final double totalValue; final double profitLoss; final double profitLossPercentage; final List investments; final DateTime lastUpdated; PortfolioModel({ required this.id, required this.userId, required this.name, required this.totalValue, required this.profitLoss, required this.profitLossPercentage, required this.investments, required this.lastUpdated, }); factory PortfolioModel.fromMap(Map map) { return PortfolioModel( id: map['id'], userId: map['userId'], name: map['name'], totalValue: map['totalValue'].toDouble(), profitLoss: map['profitLoss'].toDouble(), profitLossPercentage: map['profitLossPercentage'].toDouble(), investments: List.from( map['investments'].map((x) => Investment.fromMap(x))), lastUpdated: map['lastUpdated'].toDate(), ); } } class Investment { final String symbol; final String name; final double quantity; final double avgPrice; final double currentPrice; final double profitLoss; final double profitLossPercentage; Investment({ required this.symbol, required this.name, required this.quantity, required this.avgPrice, required this.currentPrice, required this.profitLoss, required this.profitLossPercentage, }); factory Investment.fromMap(Map map) { return Investment( symbol: map['symbol'], name: map['name'], quantity: map['quantity'].toDouble(), avgPrice: map['avgPrice'].toDouble(), currentPrice: map['currentPrice'].toDouble(), profitLoss: map['profitLoss'].toDouble(), profitLossPercentage: map['profitLossPercentage'].toDouble(), ); } } class StoryModel { final String id; final String portfolioId; final String title; final String content; final List insights; final List recommendations; final DateTime createdAt; StoryModel({ required this.id, required this.portfolioId, required this.title, required this.content, required this.insights, required this.recommendations, required this.createdAt, }); factory StoryModel.fromMap(Map map) { return StoryModel( id: map['id'], portfolioId: map['portfolioId'], title: map['title'], content: map['content'], insights: List.from( map['insights'].map((x) => StoryInsight.fromMap(x))), recommendations: List.from( map['recommendations'].map((x) => StoryRecommendation.fromMap(x))), createdAt: map['createdAt'].toDate(), ); } } class StoryInsight { final String title; final String content; final String type; StoryInsight({ required this.title, required this.content, required this.type, }); factory StoryInsight.fromMap(Map map) { return StoryInsight( title: map['title'], content: map['content'], type: map['type'], ); } } class StoryRecommendation { final String title; final String description; final String action; final String symbol; final double confidence; StoryRecommendation({ required this.title, required this.description, required this.action, required this.symbol, required this.confidence, }); factory StoryRecommendation.fromMap(Map map) { return StoryRecommendation( title: map['title'], description: map['description'], action: map['action'], symbol: map['symbol'], confidence: map['confidence'].toDouble(), ); } } import 'package:flutter/material.dart'; class AppColors { static const Color primary = Color(0xFF2E7D32); static const Color secondary = Color(0xFF6C63FF); static const Color success = Color(0xFF4CAF50); static const Color warning = Color(0xFFFFC107); static const Color danger = Color(0xFFF44336); static const Color info = Color(0xFF2196F3); static const Color light = Color(0xFFF5F5F5); static const Color dark = Color(0xFF212121); static const Color white = Color(0xFFFFFFFF); static const Color black = Color(0xFF000000); static const Color grey = Color(0xFF9E9E9E); static const Color greyLight = Color(0xFFE0E0E0); static const Color greyDark = Color(0xFF616161); } import 'package:flutter/material.dart'; class AppTextStyles { static const TextStyle headline1 = TextStyle( fontSize: 32, fontWeight: FontWeight.bold, color: AppColors.dark, ); static const TextStyle headline2 = TextStyle( fontSize: 24, fontWeight: FontWeight.bold, color: AppColors.dark, ); static const TextStyle headline3 = TextStyle( fontSize: 20, fontWeight: FontWeight.bold, color: AppColors.dark, ); static const TextStyle bodyText1 = TextStyle( fontSize: 16, fontWeight: FontWeight.normal, color: AppColors.dark, ); static const TextStyle bodyText2 = TextStyle( fontSize: 14, fontWeight: FontWeight.normal, color: AppColors.dark, ); static const TextStyle caption = TextStyle( fontSize: 12, fontWeight: FontWeight.normal, color: AppColors.grey, ); static const TextStyle button = TextStyle( fontSize: 16, fontWeight: FontWeight.bold, color: AppColors.white, ); } import 'package:flutter/material.dart'; import 'package:masar/views/auth/login_page.dart'; import 'package:masar/views/auth/register_page.dart'; import 'package:masar/views/auth/forgot_password_page.dart'; import 'package:masar/views/dashboard/home_page.dart'; import 'package:masar/views/dashboard/portfolio_page.dart'; import 'package:masar/views/dashboard/story_view.dart'; import 'package:masar/views/dashboard/recommendations_page.dart'; import 'package:masar/views/dashboard/insights_page.dart'; import 'package:masar/views/profile/user_profile_page.dart'; import 'package:masar/views/profile/edit_profile_page.dart'; import 'package:masar/views/common/onboarding_page.dart'; import 'package:masar/views/common/error_page.dart'; class AppRoutes { static const String splash = '/'; static const String onboarding = '/onboarding'; static const String login = '/login'; static const String register = '/register'; static const String forgotPassword = '/forgot-password'; static const String home = '/home'; static const String portfolio = '/portfolio'; static const String story = '/story'; static const String recommendations = '/recommendations'; static const String insights = '/insights'; static const String profile = '/profile'; static const String editProfile = '/edit-profile'; static const String error = '/error'; static Route generateRoute(RouteSettings settings) { switch (settings.name) { case splash: return MaterialPageRoute(builder: (_) => const SplashScreen()); case onboarding: return MaterialPageRoute(builder: (_) => const OnboardingPage()); case login: return MaterialPageRoute(builder: (_) => const LoginPage()); case register: return MaterialPageRoute(builder: (_) => const RegisterPage()); case forgotPassword: return MaterialPageRoute(builder: (_) => const ForgotPasswordPage()); case home: return MaterialPageRoute(builder: (_) => const HomePage()); case portfolio: return MaterialPageRoute(builder: (_) => const PortfolioPage()); case story: return MaterialPageRoute(builder: (_) => const StoryView()); case recommendations: return MaterialPageRoute(builder: (_) => const RecommendationsPage()); case insights: return MaterialPageRoute(builder: (_) => const InsightsPage()); case profile: return MaterialPageRoute(builder: (_) => const UserProfilePage()); case editProfile: return MaterialPageRoute(builder: (_) => const EditProfilePage()); default: return MaterialPageRoute(builder: (_) => const ErrorPage()); } } }