Skip to content

Real Time Chart updates using Firebase Server #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
KompelliSravanSyncfusion wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Real Time Chart updates using Firebase Server #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d75abfb
Updated the sample to fetch data from DB
KompelliSravanSyncfusion Dec 16, 2025
c9fb3fb
Updated database logic
KompelliSravanSyncfusion Dec 30, 2025
480958a
Removed unnecessary codes and aligned codes
KompelliSravanSyncfusion Dec 30, 2025
af06c8b
Updated the firebase service
KompelliSravanSyncfusion Dec 31, 2025
6cfbe13
Addressed the review suggestions
KompelliSravanSyncfusion Jan 6, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 1 addition & 4 deletions KPIDashboard/KPIDashboard/AppShell.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,10 @@
Shell.FlyoutBehavior="Disabled"
xmlns:pages="clr-namespace:KPIDashboard.DashboardPages">


<TabBar>

<ShellContent x:Name="DesktopContent"
ContentTemplate="{DataTemplate pages:MainPageDesktop}" />
<ShellContent x:Name="MobileContent"
<ShellContent x:Name="MobileContent"
ContentTemplate="{DataTemplate pages:MainPageMobile}" />

</TabBar>
</Shell>
29 changes: 13 additions & 16 deletions KPIDashboard/KPIDashboard/DashboardPages/MainPageDesktop.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,7 @@
xmlns:local="clr-namespace:KPIDashboard" Padding="12"
BackgroundColor="#0B1220">

<ContentPage.BindingContext>
<local:DashboardViewModel x:Name="viewModel"/>
</ContentPage.BindingContext>
<!-- BindingContext will be set from code-behind via DI -->

<ContentPage.Resources>
<ResourceDictionary>
Expand Down Expand Up @@ -49,16 +47,16 @@
<Grid Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Padding="4">
<Border Style="{StaticResource Card}">
<Border.StrokeShape>
<RoundRectangle CornerRadius="12"/>

<RoundRectangle CornerRadius="12"/>
</Border.StrokeShape>

<Grid>
<HorizontalStackLayout Spacing="0"
HorizontalOptions="Start"
VerticalOptions="Center">
<!-- Title icon chip -->
<Path Margin="5,5,0,0" Fill="White" WidthRequest="45" HeightRequest="45" Data="M20,16L24,16 24,24 20,24z M8,13L12,13 12,24 8,24z M14,9L18,9 18,24 14,24z M24.350006,2.3779907C27.505005,4.3179932,29.936005,7.3150024,31.144989,10.880005L28.920013,11.688995C27.925995,8.7170105,25.936005,6.2019958,23.343994,4.5360107z M16,0C17.798004,0,19.519989,0.31201172,21.134003,0.85998535L20.130005,3.0140076C18.826996,2.598999 17.440002,2.3699951 16,2.3699951 8.4840088,2.3699951 2.3699951,8.4840088 2.3699951,16 2.3699951,23.515991 8.4840088,29.630005 16,29.630005 23.515991,29.630005 29.630005,23.515991 29.630005,16 29.630005,15.73999 29.604004,15.484985 29.591003,15.229004L31.917999,14.381989C31.971985,14.914001 32,15.45401 32,16 32,24.822998 24.821991,32 16,32 7.178009,32 0,24.822998 0,16 0,7.178009 7.178009,0 16,0z" />
<!-- Title text -->
<Path Margin="5,5,0,0" Fill="White" WidthRequest="45" HeightRequest="45" Data="M15.546991,6.2789833L30.027005,6.2789833 30.027005,12.246996 31.999986,12.246996 31.999986,18.141976 30.027005,18.141976 30.027005,24.051983 10.289006,24.051983 10.289006,22.08299 12.25702,22.08299 12.802001,22.08299 28.058015,22.08299 28.058015,18.141976 28.05403,18.141976 28.05403,12.246996 28.058015,12.246996 28.058015,8.2489831 16.303032,8.2489831C16.184014,7.786978 16.064996,7.3250031 15.876031,6.8829865 15.788019,6.6759862 15.657038,6.480979 15.546991,6.2789833z M7.2908282,3.2920065L3.3867488,7.4790155C3.1087427,7.7760161,2.9157391,8.0430167,2.7917366,8.2940171L2.7777362,8.3240173C2.3497276,9.2090192 2.1807241,10.207021 2.2897263,11.213023 2.5306687,13.441465 4.1954684,15.262973 6.320055,15.697015L6.3829889,15.708411 6.3829889,8.3199975 8.3820268,8.3199975 8.3820268,15.687145 8.5701938,15.644285C9.4486807,15.420981 10.255263,14.959281 10.913902,14.29103 11.879922,13.310028 12.412932,12.004025 12.412933,10.613022 12.412932,9.8930206 12.27093,9.1960192 11.990924,8.5420177 11.831921,8.170017 11.577915,7.7980162 11.234908,7.4390155z M7.2748275,0L12.869942,5.8830122C13.363952,6.4020133 13.78296,6.9940145 14.065966,7.6550159 14.453974,8.5610178 14.668978,9.5620198 14.668978,10.613022 14.668978,14.316249 12.002806,17.388006 8.5115747,17.959583L8.3820268,17.978983 8.3820268,24.051973 6.3829889,24.051973 6.3829889,17.992398 6.1856332,17.965751C2.9698515,17.457594 0.40315628,14.759468 0.045681,11.456024 -0.11632252,9.9590206 0.15968323,8.5380177 0.76069546,7.309015 0.76269531,7.3060151 0.76369476,7.3040152 0.76469517,7.3010151 1.0127001,6.7970141 1.3547068,6.3490131 1.7357149,5.9400123z"/>
<Label Text="Real-Time KPI Dashboard for Sales performance analysis"
FontSize="18"
FontAttributes="Bold"
Expand All @@ -67,7 +65,6 @@
</Grid>
</Border>
</Grid>

<!-- Insights row -->
<Grid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" ColumnSpacing="12">
<Grid.ColumnDefinitions>
Expand All @@ -93,9 +90,9 @@
</Border>
<!-- Value + Name -->
<VerticalStackLayout Grid.Column="1" Spacing="2" VerticalOptions="Center" Margin="2,0,0,0">
<Label Text="{Binding Source={x:Reference viewModel}, Path=Insights[0].Value}"
<Label Text="{Binding Insights[0].Value}"
FontSize="20" FontAttributes="Bold" LineBreakMode="TailTruncation" />
<Label Text="{Binding Source={x:Reference viewModel}, Path=Insights[0].Name}"
<Label Text="{Binding Insights[0].Name}"
FontSize="12" FontAttributes="Bold" TextColor="#A5B4FC" />
</VerticalStackLayout>
</Grid>
Expand All @@ -117,9 +114,9 @@
</Border>

<VerticalStackLayout Grid.Column="1" Spacing="2" VerticalOptions="Center" Margin="2,0,0,0">
<Label Text="{Binding Source={x:Reference viewModel}, Path=Insights[1].Value}"
<Label Text="{Binding Insights[1].Value}"
FontSize="20" FontAttributes="Bold" LineBreakMode="TailTruncation" />
<Label Text="{Binding Source={x:Reference viewModel}, Path=Insights[1].Name}"
<Label Text="{Binding Insights[1].Name}"
FontSize="12" FontAttributes="Bold" TextColor="#A5B4FC" />
</VerticalStackLayout>
</Grid>
Expand All @@ -143,9 +140,9 @@
</Border>

<VerticalStackLayout Grid.Column="1" Spacing="2" VerticalOptions="Center" Margin="2,0,0,0">
<Label Text="{Binding Source={x:Reference viewModel}, Path=Insights[2].Value}"
<Label Text="{Binding Insights[2].Value}"
FontSize="20" FontAttributes="Bold" LineBreakMode="TailTruncation" />
<Label Text="{Binding Source={x:Reference viewModel}, Path=Insights[2].Name}"
<Label Text="{Binding Insights[2].Name}"
FontSize="12" FontAttributes="Bold" TextColor="#A5B4FC" />
</VerticalStackLayout>
</Grid>
Expand All @@ -162,7 +159,7 @@
<Label Text="Revenue Trend (real-time)" Style="{StaticResource CardTitle}" Grid.Row="0"/>
<Chart:SfCartesianChart x:Name="chart" Grid.Row="1">
<Chart:SfCartesianChart.XAxes>
<Chart:DateTimeAxis IntervalType="Days" Interval="5" ShowMajorGridLines="False">
<Chart:DateTimeAxis AutoScrollingMode="End" AutoScrollingDeltaType="Months" AutoScrollingDelta="1" IntervalType="Days" Interval="1" ShowMajorGridLines="False">
<Chart:DateTimeAxis.LabelStyle>
<Chart:ChartAxisLabelStyle TextColor="LightGray"/>
</Chart:DateTimeAxis.LabelStyle>
Expand Down Expand Up @@ -256,8 +253,8 @@
<Chart:ChartLegend>
<Chart:ChartLegend.LabelStyle>
<Chart:ChartLegendLabelStyle TextColor="#E5E7EB"
Margin="5"
FontFamily="PlaywriteAR-Regular"/>
Margin="5"
FontFamily="PlaywriteAR-Regular"/>
</Chart:ChartLegend.LabelStyle>
</Chart:ChartLegend>
</Chart:SfCircularChart.Legend>
Expand Down
5 changes: 4 additions & 1 deletion KPIDashboard/KPIDashboard/DashboardPages/MainPageDesktop.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,9 @@ public partial class MainPageDesktop : ContentPage
public MainPageDesktop()
{
InitializeComponent();
// Resolve ViewModel from DI; fail-fast if DI not configured
BindingContext = MauiProgram.Services!
.GetRequiredService<KPIDashboard.DashboardViewModel>();
}
}
}
}
6 changes: 1 addition & 5 deletions KPIDashboard/KPIDashboard/DashboardPages/MainPageMobile.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,6 @@
Padding="8"
BackgroundColor="#0B1220">

<ContentPage.BindingContext>
<local:DashboardViewModel />
</ContentPage.BindingContext>

<ContentPage.Resources>
<ResourceDictionary>
<Color x:Key="TextLight">#E5E7EB</Color>
Expand Down Expand Up @@ -126,7 +122,7 @@
<Label Text="Revenue Trend" Style="{StaticResource CardTitle}" />
<Chart:SfCartesianChart HeightRequest="200">
<Chart:SfCartesianChart.XAxes>
<Chart:DateTimeAxis IntervalType="Days" Interval="5" ShowMajorGridLines="False">
<Chart:DateTimeAxis AutoScrollingMode="End" AutoScrollingDeltaType="Months" AutoScrollingDelta="1" IntervalType="Days" Interval="1" ShowMajorGridLines="False">
<Chart:DateTimeAxis.LabelStyle>
<Chart:ChartAxisLabelStyle TextColor="LightGray"/>
</Chart:DateTimeAxis.LabelStyle>
Expand Down
14 changes: 14 additions & 0 deletions KPIDashboard/KPIDashboard/DashboardPages/MainPageMobile.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,24 @@
using KPIDashboard;
using Microsoft.Extensions.Logging;

namespace KPIDashboard.DashboardPages
{
public partial class MainPageMobile : ContentPage
{
public MainPageMobile()
{
InitializeComponent();

BindingContext = MauiProgram.Services!
Copy link
Collaborator

@PrithisIyyappan PrithisIyyappan Jan 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use null checks avoid null forgiving operator '!'.

.GetRequiredService<KPIDashboard.DashboardViewModel>();
}
}
}

Copy link
Collaborator

@PrithisIyyappan PrithisIyyappan Jan 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove this unwanted space @KompelliSravanSyncfusion








36 changes: 0 additions & 36 deletions KPIDashboard/KPIDashboard/MainPage.xaml
View file
Open in desktop

This file was deleted.

24 changes: 0 additions & 24 deletions KPIDashboard/KPIDashboard/MainPage.xaml.cs
View file
Open in desktop

This file was deleted.

21 changes: 18 additions & 3 deletions KPIDashboard/KPIDashboard/MauiProgram.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,12 @@ namespace KPIDashboard
{
public static class MauiProgram
{
public static IServiceProvider? Services { get; private set; }

public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();

builder
.UseMauiApp<App>()
.ConfigureSyncfusionToolkit()
Expand All @@ -17,11 +20,23 @@ public static MauiApp CreateMauiApp()
fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
});

// Register services
builder.Services.AddSingleton<FirebaseService>();
builder.Services.AddSingleton<DashboardViewModel>(sp =>
Copy link
Collaborator

@PrithisIyyappan PrithisIyyappan Jan 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

avoid sp, and db use proper naming.

{
var db = sp.GetRequiredService<FirebaseService>();
var logger = sp.GetService<ILogger<DashboardViewModel>>();
return new DashboardViewModel(db, logger);
});

#if DEBUG
builder.Logging.AddDebug();
builder.Logging.AddDebug();
#endif

return builder.Build();
var app = builder.Build();
Services = app.Services;
Copy link
Collaborator

@PrithisIyyappan PrithisIyyappan Jan 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what is the real purpose?

return app;
}
}

Copy link
Collaborator

@PrithisIyyappan PrithisIyyappan Jan 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove unwanted spaces.


}
1 change: 1 addition & 0 deletions KPIDashboard/KPIDashboard/Models/Model.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,4 +45,5 @@ public class SalesRecord
public string? Region { get; set; }
public double UnitsSold { get; set; }
public double Revenue { get; set; }
public String? SourceInstanceId { get; set; }
}
Loading