diff --git a/.claude/ProjectName b/.claude/ProjectName new file mode 100644 index 0000000..867b2b7 --- /dev/null +++ b/.claude/ProjectName @@ -0,0 +1 @@ +InGeorgianLari \ No newline at end of file diff --git a/.github/workflows/build-and-test.yml b/.github/workflows/build-and-test.yml new file mode 100644 index 0000000..32fdfc4 --- /dev/null +++ b/.github/workflows/build-and-test.yml @@ -0,0 +1,54 @@ +name: Build and Test + +# Run on PRs and pushes to any branch +on: + push: + branches: [ '**' ] + pull_request: + branches: [ main ] + +jobs: + build: + runs-on: ubuntu-latest + + steps: + - name: Checkout + uses: actions/checkout@v4 + + - name: Setup .NET + uses: actions/setup-dotnet@v4 + with: + dotnet-version: 9.0.x + + - name: Restore dependencies + run: dotnet restore + + - name: Build + run: dotnet build --configuration Release --no-restore + + - name: Test + run: dotnet test --no-build --verbosity normal --configuration Release + + - name: Publish + run: dotnet publish InGeorgianLari.csproj -c Release -o artifacts --nologo + + # Upload build artifacts for inspection + - name: Upload build artifacts + uses: actions/upload-artifact@v4 + with: + name: build-artifacts-${{ github.sha }} + path: artifacts/ + retention-days: 7 + + # Add build status comment to PR + - name: Comment PR + if: github.event_name == 'pull_request' + uses: actions/github-script@v7 + with: + script: | + github.rest.issues.createComment({ + issue_number: context.issue.number, + owner: context.repo.owner, + repo: context.repo.repo, + body: 'โœ… Build succeeded! The Blazor WASM app compiled successfully.' + }) \ No newline at end of file diff --git a/.github/workflows/deploy-preview.yml b/.github/workflows/deploy-preview.yml new file mode 100644 index 0000000..22995af --- /dev/null +++ b/.github/workflows/deploy-preview.yml @@ -0,0 +1,87 @@ +name: Deploy Preview to GitHub Pages + +# Allow manual trigger from any branch +on: + workflow_dispatch: + inputs: + environment: + description: 'Deployment environment name' + required: false + default: 'preview' + type: string + +# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +# Allow only one concurrent deployment +concurrency: + group: "pages-preview" + cancel-in-progress: true + +jobs: + # Build job + build: + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v4 + + - name: Setup .NET + uses: actions/setup-dotnet@v4 + with: + dotnet-version: 9.0.x + + - name: Restore dependencies + run: dotnet restore + + - name: Build + run: dotnet build --configuration Release --no-restore + + - name: Publish + run: dotnet publish InGeorgianLari.csproj -c Release -o release --nologo + + # Change base tag in index.html to match GitHub Pages subdirectory + - name: Change base tag + run: sed -i 's///g' release/wwwroot/index.html + + # Copy index.html to 404.html to handle SPA routing + - name: Copy index.html to 404.html + run: cp release/wwwroot/index.html release/wwwroot/404.html + + # Add .nojekyll file to tell GitHub Pages to not process files + - name: Add .nojekyll file + run: touch release/wwwroot/.nojekyll + + # Add branch info file for preview identification + - name: Add branch info + run: | + echo "Branch: ${{ github.ref_name }}" > release/wwwroot/branch-info.txt + echo "Commit: ${{ github.sha }}" >> release/wwwroot/branch-info.txt + echo "Deployed: $(date -u +"%Y-%m-%d %H:%M:%S UTC")" >> release/wwwroot/branch-info.txt + + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + path: release/wwwroot + + # Deployment job + deploy: + environment: + name: ${{ inputs.environment || 'preview' }} + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + needs: build + steps: + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 + + - name: Print deployment info + run: | + echo "๐Ÿš€ Preview deployed!" + echo "๐Ÿ“ URL: ${{ steps.deployment.outputs.page_url }}" + echo "๐ŸŒฟ Branch: ${{ github.ref_name }}" + echo "๐Ÿ“ Commit: ${{ github.sha }}" \ No newline at end of file diff --git a/.github/workflows/deploy-to-github-pages.yml b/.github/workflows/deploy-to-github-pages.yml new file mode 100644 index 0000000..4dfe9e6 --- /dev/null +++ b/.github/workflows/deploy-to-github-pages.yml @@ -0,0 +1,77 @@ +name: Deploy to GitHub Pages + +# Run workflow on every push to main branch +on: + push: + branches: [ main ] + # Allow manual trigger + workflow_dispatch: + +# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +# Allow only one concurrent deployment +concurrency: + group: "pages" + cancel-in-progress: false + +jobs: + # Build job + build: + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v4 + + - name: Setup .NET + uses: actions/setup-dotnet@v4 + with: + dotnet-version: 9.0.x + + - name: Restore dependencies + run: dotnet restore + + - name: Build + run: dotnet build --configuration Release --no-restore + + - name: Publish + run: dotnet publish InGeorgianLari.csproj -c Release -o release --nologo + + # Change base tag in index.html to match GitHub Pages subdirectory + - name: Change base tag + run: | + # Check if custom domain exists + if [ -f "wwwroot/CNAME" ]; then + echo "Custom domain detected, keeping base href as /" + else + echo "No custom domain, updating base href for GitHub Pages subdirectory" + sed -i 's///g' release/wwwroot/index.html + fi + + # Copy index.html to 404.html to handle SPA routing + - name: Copy index.html to 404.html + run: cp release/wwwroot/index.html release/wwwroot/404.html + + # Add .nojekyll file to tell GitHub Pages to not process files + - name: Add .nojekyll file + run: touch release/wwwroot/.nojekyll + + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + path: release/wwwroot + + # Deployment job + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + needs: build + steps: + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 \ No newline at end of file diff --git a/.mcp.json b/.mcp.json new file mode 100644 index 0000000..1ade348 --- /dev/null +++ b/.mcp.json @@ -0,0 +1,8 @@ +{ + "mcpServers": { + "browser-tools": { + "command": "npx", + "args": ["-y", "@agentdeskai/browser-tools-mcp@1.2.0"] + } + } +} \ No newline at end of file diff --git a/InGeorgianLari.csproj b/InGeorgianLari.csproj index e136c8a..435eb96 100644 --- a/InGeorgianLari.csproj +++ b/InGeorgianLari.csproj @@ -4,6 +4,7 @@ net9.0 enable enable + 47609749-732c-40b4-8e0c-c4058246eb44 @@ -11,4 +12,9 @@ + + + + + diff --git a/InGeorgianLari.sln b/InGeorgianLari.sln new file mode 100644 index 0000000..0172edf --- /dev/null +++ b/InGeorgianLari.sln @@ -0,0 +1,24 @@ +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 17 +VisualStudioVersion = 17.5.2.0 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "InGeorgianLari", "InGeorgianLari.csproj", "{D349B586-9C07-545E-82ED-2AE339204C5E}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {D349B586-9C07-545E-82ED-2AE339204C5E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {D349B586-9C07-545E-82ED-2AE339204C5E}.Debug|Any CPU.Build.0 = Debug|Any CPU + {D349B586-9C07-545E-82ED-2AE339204C5E}.Release|Any CPU.ActiveCfg = Release|Any CPU + {D349B586-9C07-545E-82ED-2AE339204C5E}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {BDFDEA20-AB0C-491D-A9C5-0321ABF0444B} + EndGlobalSection +EndGlobal diff --git a/Layout/NavMenu.razor b/Layout/NavMenu.razor index 97fb59f..4535372 100644 --- a/Layout/NavMenu.razor +++ b/Layout/NavMenu.razor @@ -11,17 +11,7 @@ diff --git a/Models/ExchangeRate.cs b/Models/ExchangeRate.cs index c6a5bb7..8e2d2ef 100644 --- a/Models/ExchangeRate.cs +++ b/Models/ExchangeRate.cs @@ -1,17 +1,39 @@ +using System.Text.Json.Serialization; + namespace InGeorgianLari.Models; // Model for BOG API response structure public record ExchangeRatesResponse(List Rates); -public record CurrencyRate( - string Currency, - string Code, - int Quantity, - decimal RateFormated, - decimal DiffFormated, - decimal Rate, - string ValidFromDate, - int OrderNo, - decimal Dgtl, - decimal Mid -); \ No newline at end of file +public record CurrencyRate +{ + [JsonPropertyName("code")] + public string Code { get; init; } = string.Empty; + + [JsonPropertyName("name")] + public string Currency { get; init; } = string.Empty; + + [JsonPropertyName("quantity")] + public int Quantity { get; init; } + + [JsonPropertyName("rateFormated")] + public string RateFormated { get; init; } = string.Empty; + + [JsonPropertyName("diffFormated")] + public string DiffFormated { get; init; } = string.Empty; + + [JsonPropertyName("rate")] + public decimal Rate { get; init; } + + [JsonPropertyName("date")] + public string ValidFromDate { get; init; } = string.Empty; + + [JsonPropertyName("orderNo")] + public int OrderNo { get; init; } + + [JsonPropertyName("dgtl")] + public decimal Dgtl { get; init; } + + [JsonPropertyName("mid")] + public decimal Mid { get; init; } +} \ No newline at end of file diff --git a/Pages/Counter.razor b/Pages/Counter.razor deleted file mode 100644 index ef23cb3..0000000 --- a/Pages/Counter.razor +++ /dev/null @@ -1,18 +0,0 @@ -๏ปฟ@page "/counter" - -Counter - -

Counter

- -

Current count: @currentCount

- - - -@code { - private int currentCount = 0; - - private void IncrementCount() - { - currentCount++; - } -} diff --git a/Pages/Home.razor b/Pages/Home.razor deleted file mode 100644 index 9001e0b..0000000 --- a/Pages/Home.razor +++ /dev/null @@ -1,7 +0,0 @@ -๏ปฟ@page "/" - -Home - -

Hello, world!

- -Welcome to your new app. diff --git a/Pages/Index.razor b/Pages/Index.razor index 4a766fe..6a9f938 100644 --- a/Pages/Index.razor +++ b/Pages/Index.razor @@ -2,84 +2,123 @@ @using InGeorgianLari.Models @using InGeorgianLari.Services @inject IExchangeRateService ExchangeRateService +@inject IJSRuntime JSRuntime -Georgian Lari Converter +แƒšแƒแƒ แƒ˜แƒก แƒ™แƒแƒœแƒ•แƒ”แƒ แƒขแƒแƒ แƒ˜

๐Ÿ‡ฌ๐Ÿ‡ช - Georgian Lari Converter + แƒšแƒแƒ แƒ˜แƒก แƒ™แƒแƒœแƒ•แƒ”แƒ แƒขแƒแƒ แƒ˜

- @if (loading) + @if (error) { -
- -

Loading exchange rates...

+
+

แƒ•แƒ”แƒ  แƒ›แƒแƒฎแƒ”แƒ แƒฎแƒ“แƒ แƒ™แƒฃแƒ แƒกแƒ”แƒ‘แƒ˜แƒก แƒฉแƒแƒขแƒ•แƒ˜แƒ แƒ—แƒ•แƒ. แƒ’แƒ—แƒฎแƒแƒ•แƒ— แƒกแƒชแƒแƒ“แƒแƒ— แƒ›แƒแƒ’แƒ•แƒ˜แƒแƒœแƒ”แƒ‘แƒ˜แƒ—.

+
} - else if (error) + else if (!initialLoad && loading) { -
-

Unable to load exchange rates. Please try again later.

- +
+ +

แƒ˜แƒขแƒ•แƒ˜แƒ แƒ—แƒ”แƒ‘แƒ...

} else { + @if (rates != null && currentRate != null) + { +
+
+ แƒ™แƒฃแƒ แƒกแƒ˜ แƒ’แƒแƒœแƒแƒฎแƒšแƒ“แƒ: + @DateTime.Parse(currentRate.ValidFromDate).ToString("dd MMMM, yyyy", new System.Globalization.CultureInfo("ka-GE")) +
+
+ } +
- +
- - + + +
+ @if (rates != null && currentRate != null) + { +
+
+ แƒ›แƒ˜แƒ›แƒ“แƒ˜แƒœแƒแƒ แƒ” แƒ™แƒฃแƒ แƒกแƒ˜ + 1 @selectedCurrency = โ‚พ @currentRate.Rate.ToString("N4") +
+
+ } +
=
- โ‚พ @calculatedAmount.ToString("N2") - Georgian Lari + โ‚พ @(rates != null ? calculatedAmount.ToString("N2") : "0.00") + แƒฅแƒแƒ แƒ—แƒฃแƒšแƒ˜ แƒšแƒแƒ แƒ˜
-
- @if (currentRate != null) - { -

Exchange Rate: 1 @selectedCurrency = โ‚พ @currentRate.Rate.ToString("N4")

-

Updated: @DateTime.Parse(currentRate.ValidFromDate).ToString("MMM dd, yyyy")

- } -
+ @if (rates != null) + { +
+

แƒ™แƒฃแƒ แƒกแƒ˜แƒก แƒ“แƒ˜แƒœแƒแƒ›แƒ˜แƒ™แƒ (แƒ‘แƒแƒšแƒ 14 แƒ“แƒฆแƒ”)

+
+ +
+
+ } }
-

Exchange rates provided by National Bank of Georgia

-

*Collaboration by Claude*

+

แƒ™แƒฃแƒ แƒกแƒ”แƒ‘แƒ˜ แƒ›แƒแƒฌแƒแƒ“แƒ”แƒ‘แƒฃแƒšแƒ˜แƒ แƒกแƒแƒฅแƒแƒ แƒ—แƒ•แƒ”แƒšแƒแƒก แƒ”แƒ แƒแƒ•แƒœแƒฃแƒšแƒ˜ แƒ‘แƒแƒœแƒ™แƒ˜แƒก แƒ›แƒ˜แƒ”แƒ 

@code { decimal amount = 100; string selectedCurrency = "USD"; - bool loading = true; + bool loading = false; // Start with loading false to avoid initial spinner + bool initialLoad = true; // Track if this is the first load bool error = false; + bool chartNeedsUpdate = false; // Track when chart needs updating ExchangeRatesResponse? rates; + List? historicalRates; + // Only USD, EUR, and GBP + List availableRates => rates?.Rates.Where(r => r.Code == "USD" || r.Code == "EUR" || r.Code == "GBP").ToList() ?? new(); CurrencyRate? currentRate => rates?.Rates.FirstOrDefault(r => r.Code == selectedCurrency); - decimal calculatedAmount => currentRate != null ? amount * currentRate.Rate / currentRate.Quantity : 0; + decimal calculatedAmount => currentRate != null && currentRate.Quantity > 0 ? amount * currentRate.Rate / currentRate.Quantity : 0; protected override async Task OnInitializedAsync() { await LoadRates(); + initialLoad = false; // Set to false after first load + } + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + // We need to load chart after DOM is ready + if (chartNeedsUpdate && rates != null && !error && historicalRates != null) + { + await UpdateChart(); + chartNeedsUpdate = false; + } } async Task LoadRates() @@ -91,6 +130,67 @@ loading = false; error = rates == null; + + if (!error && rates != null) + { + // Load historical data immediately after getting current rates + await LoadHistoricalRates(); + } + } + + Task LoadHistoricalRates() + { + // For now, we'll simulate historical data + // In a real app, you'd call the API for historical rates + var endDate = DateTime.Now; + var startDate = endDate.AddDays(-14); + + historicalRates = GenerateSimulatedHistoricalData(startDate, endDate); + chartNeedsUpdate = true; + // Chart will be updated in OnAfterRenderAsync when DOM is ready + StateHasChanged(); // Trigger re-render to update chart + return Task.CompletedTask; + } + + async Task OnCurrencyChanged() + { + if (!loading && !error) + { + await LoadHistoricalRates(); + } + } + + List GenerateSimulatedHistoricalData(DateTime start, DateTime end) + { + var data = new List(); + var baseRate = currentRate?.Rate ?? 2.7m; + var random = new Random(); + + for (var date = start; date <= end; date = date.AddDays(1)) + { + // Simulate slight variations + var variation = (decimal)(random.NextDouble() * 0.1 - 0.05); + var rate = baseRate + variation; + data.Add(new HistoricalRate { Date = date, Rate = rate }); + } + + return data; + } + + async Task UpdateChart() + { + if (historicalRates == null || !historicalRates.Any()) return; + + var labels = historicalRates.Select(h => h.Date.ToString("dd/MM")).ToArray(); + var data = historicalRates.Select(h => h.Rate).ToArray(); + + await JSRuntime.InvokeVoidAsync("createChart", "rateChart", labels, data, selectedCurrency); + } + + class HistoricalRate + { + public DateTime Date { get; set; } + public decimal Rate { get; set; } } } @@ -98,12 +198,15 @@ :root { --primary: #FF5C5C; --secondary: #4A90E2; - --background: #F8F9FE; - --card: #FFFFFF; - --text: #2C3E50; - --text-light: #718096; - --border: #E2E8F0; - --shadow: rgba(0, 0, 0, 0.1); + --background: #0F0F0F; + --card: #1A1A1A; + --card-light: #252525; + --text: #E5E5E5; + --text-light: #A0A0A0; + --border: #2A2A2A; + --shadow: rgba(0, 0, 0, 0.5); + --success: #10B981; + --danger: #EF4444; } * { @@ -115,6 +218,7 @@ body { background: var(--background); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + color: var(--text); } .container { @@ -131,16 +235,17 @@ border-radius: 24px; padding: 48px; box-shadow: 0 20px 40px var(--shadow); - max-width: 500px; + max-width: 800px; width: 100%; animation: slideUp 0.5s ease-out; + border: 1px solid var(--border); } .title { text-align: center; color: var(--text); font-size: 32px; - margin-bottom: 40px; + margin-bottom: 32px; display: flex; align-items: center; justify-content: center; @@ -151,6 +256,34 @@ font-size: 40px; } + .update-notification { + background: linear-gradient(135deg, var(--secondary), #5BA3F5); + color: white; + padding: 20px; + border-radius: 16px; + margin-bottom: 32px; + text-align: center; + box-shadow: 0 8px 20px rgba(74, 144, 226, 0.3); + } + + .update-time { + display: flex; + flex-direction: column; + gap: 8px; + } + + .update-time .label { + font-size: 14px; + opacity: 0.9; + text-transform: uppercase; + letter-spacing: 0.5px; + } + + .update-time .time { + font-size: 24px; + font-weight: 700; + } + .input-section { display: grid; gap: 24px; @@ -177,14 +310,42 @@ border-radius: 12px; font-size: 18px; color: var(--text); - background: var(--card); + background: var(--card-light); transition: all 0.3s ease; } input:focus, select:focus { outline: none; border-color: var(--secondary); - box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1); + box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2); + } + + .rate-display { + margin-bottom: 32px; + } + + .rate-card { + background: var(--card-light); + border: 2px solid var(--border); + border-radius: 16px; + padding: 24px; + text-align: center; + display: flex; + flex-direction: column; + gap: 12px; + } + + .rate-label { + color: var(--text-light); + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.5px; + } + + .rate-value { + color: var(--text); + font-size: 28px; + font-weight: 700; } .result-section { @@ -193,7 +354,7 @@ padding: 32px; text-align: center; color: white; - margin-bottom: 24px; + margin-bottom: 40px; position: relative; overflow: hidden; } @@ -232,16 +393,29 @@ opacity: 0.9; } - .rate-info { + .chart-section { + margin-top: 40px; + } + + .chart-section h3 { + color: var(--text); + font-size: 24px; + margin-bottom: 24px; text-align: center; - color: var(--text-light); - font-size: 14px; - line-height: 1.6; } - .rate-info .date { - margin-top: 4px; - font-size: 12px; + .chart-container { + background: var(--card-light); + border: 2px solid var(--border); + border-radius: 16px; + padding: 24px; + height: 300px; + position: relative; + } + + #rateChart { + width: 100% !important; + height: 100% !important; } .loading, .error { @@ -295,7 +469,7 @@ margin-top: 8px; } - @keyframes slideUp { + @@keyframes slideUp { from { opacity: 0; transform: translateY(20px); @@ -306,19 +480,19 @@ } } - @keyframes spin { + @@keyframes spin { to { transform: rotate(360deg); } } - @keyframes rotate { + @@keyframes rotate { to { transform: rotate(360deg); } } - @media (max-width: 600px) { + @@media (max-width: 600px) { .converter-card { padding: 32px 24px; } @@ -327,8 +501,20 @@ font-size: 24px; } + .update-time .time { + font-size: 20px; + } + + .rate-value { + font-size: 24px; + } + .result .amount { font-size: 36px; } + + .chart-container { + height: 250px; + } } \ No newline at end of file diff --git a/Pages/Weather.razor b/Pages/Weather.razor deleted file mode 100644 index f2defcf..0000000 --- a/Pages/Weather.razor +++ /dev/null @@ -1,57 +0,0 @@ -๏ปฟ@page "/weather" -@inject HttpClient Http - -Weather - -

Weather

- -

This component demonstrates fetching data from the server.

- -@if (forecasts == null) -{ -

Loading...

-} -else -{ - - - - - - - - - - - @foreach (var forecast in forecasts) - { - - - - - - - } - -
DateTemp. (C)Temp. (F)Summary
@forecast.Date.ToShortDateString()@forecast.TemperatureC@forecast.TemperatureF@forecast.Summary
-} - -@code { - private WeatherForecast[]? forecasts; - - protected override async Task OnInitializedAsync() - { - forecasts = await Http.GetFromJsonAsync("sample-data/weather.json"); - } - - public class WeatherForecast - { - public DateOnly Date { get; set; } - - public int TemperatureC { get; set; } - - public string? Summary { get; set; } - - public int TemperatureF => 32 + (int)(TemperatureC / 0.5556); - } -} diff --git a/Properties/launchSettings.json b/Properties/launchSettings.json index d8b2f7a..d2e3e6d 100644 --- a/Properties/launchSettings.json +++ b/Properties/launchSettings.json @@ -1,25 +1,52 @@ { - "$schema": "https://json.schemastore.org/launchsettings.json", "profiles": { "http": { "commandName": "Project", - "dotnetRunMessages": true, "launchBrowser": true, - "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}", - "applicationUrl": "http://localhost:5008", "environmentVariables": { - "ASPNETCORE_ENVIRONMENT": "Development" - } + "ASPNETCORE_ENVIRONMENT": "Development", + "DOTNET_USE_POLLING_FILE_WATCHER": "true" + }, + "dotnetRunMessages": true, + "applicationUrl": "http://localhost:5008" }, "https": { "commandName": "Project", - "dotnetRunMessages": true, "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development", + "DOTNET_USE_POLLING_FILE_WATCHER": "true" + }, + "dotnetRunMessages": true, "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}", - "applicationUrl": "https://localhost:7027;http://localhost:5008", + "applicationUrl": "https://localhost:7027;http://localhost:5008" + }, + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, "environmentVariables": { "ASPNETCORE_ENVIRONMENT": "Development" } + }, + "WSL": { + "commandName": "WSL2", + "launchBrowser": true, + "launchUrl": "https://localhost:7027", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development", + "ASPNETCORE_URLS": "https://localhost:7027;http://localhost:5008", + "DOTNET_USE_POLLING_FILE_WATCHER": "true" + }, + "distributionName": "" + } + }, + "$schema": "https://json.schemastore.org/launchsettings.json", + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:4305/", + "sslPort": 44340 } } -} +} \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..e09b12c --- /dev/null +++ b/README.md @@ -0,0 +1,90 @@ +# Georgian Lari Converter / แƒšแƒแƒ แƒ˜แƒก แƒ™แƒแƒœแƒ•แƒ”แƒ แƒขแƒแƒ แƒ˜ + +A modern dark-themed currency converter for Georgian Lari (GEL) with real-time exchange rates from the National Bank of Georgia. + +## Features + +- ๐Ÿ‡ฌ๐Ÿ‡ช **Georgian Language** - Full Georgian UI translation +- ๐ŸŒ™ **Dark Mode** - Modern dark theme design +- ๐Ÿ“Š **Exchange Rate Chart** - 14-day historical rate visualization +- ๐Ÿ’ฑ **Multiple Currencies** - Convert USD, EUR, and GBP to Georgian Lari +- ๐Ÿ“ฑ **Responsive Design** - Works perfectly on all devices +- โšก **Real-time Rates** - Live data from National Bank of Georgia API +- ๐Ÿš€ **GitHub Pages** - Automated deployment via GitHub Actions + +## Live Demo + +Visit: [https://appifysheets.github.io/InGeorgianLari/](https://appifysheets.github.io/InGeorgianLari/) + +## Technology Stack + +- **.NET 9** - Blazor WebAssembly +- **Chart.js** - Interactive rate history charts +- **National Bank of Georgia API** - Real-time exchange rates +- **GitHub Actions** - CI/CD pipeline +- **GitHub Pages** - Static site hosting + +## Development + +### Prerequisites +- .NET 9 SDK +- Visual Studio 2022 or VS Code + +### Running Locally +```bash +# Clone the repository +git clone https://github.com/AppifySheets/InGeorgianLari.git +cd InGeorgianLari + +# Restore dependencies +dotnet restore + +# Run the application +dotnet run + +# Open http://localhost:5008 in your browser +``` + +### Building for Production +```bash +dotnet publish -c Release -o dist +``` + +## Deployment + +### Automatic Deployment (Main Branch) +Every push to `main` automatically deploys to GitHub Pages via GitHub Actions. + +### Manual Preview Deployment +You can deploy any branch for preview: + +1. Go to [Actions](https://github.com/AppifySheets/InGeorgianLari/actions) +2. Select "Deploy Preview to GitHub Pages" +3. Click "Run workflow" +4. Select your branch and run + +### GitHub Pages Setup +1. Go to Settings โ†’ Pages +2. Source: GitHub Actions +3. The site will be available at `https://[username].github.io/InGeorgianLari/` + +## API Integration + +The app uses the National Bank of Georgia's public API: +``` +https://nbg.gov.ge/gw/api/ct/monetarypolicy/currencies/en/json +``` + +## Contributing + +1. Fork the repository +2. Create your feature branch (`git checkout -b feature/amazing-feature`) +3. Commit your changes (`git commit -m 'Add amazing feature'`) +4. Push to the branch (`git push origin feature/amazing-feature`) +5. Open a Pull Request + +## License + +This project is open source and available under the MIT License. + +*Collaboration by Claude* \ No newline at end of file diff --git a/Services/ExchangeRateService.cs b/Services/ExchangeRateService.cs index f7070b9..21d7af0 100644 --- a/Services/ExchangeRateService.cs +++ b/Services/ExchangeRateService.cs @@ -1,4 +1,5 @@ using System.Net.Http.Json; +using System.Text.Json; using InGeorgianLari.Models; namespace InGeorgianLari.Services; @@ -6,19 +7,93 @@ namespace InGeorgianLari.Services; public interface IExchangeRateService { Task GetCurrentRatesAsync(); + Task?> GetHistoricalRatesAsync(string currencyCode, DateTime from, DateTime to); } public class ExchangeRateService(HttpClient httpClient) : IExchangeRateService { private const string BogApiUrl = "https://nbg.gov.ge/gw/api/ct/monetarypolicy/currencies/en/json"; + private const string BogHistApiUrl = "https://nbg.gov.ge/gw/api/ct/monetarypolicy/currencies/ka/json"; public async Task GetCurrentRatesAsync() { try { - // BOG API returns array directly, wrap it in our response model - var rates = await httpClient.GetFromJsonAsync>(BogApiUrl); - return rates != null ? new ExchangeRatesResponse(rates) : null; + // Log the request + Console.WriteLine($"[ExchangeRateService] Fetching rates from: {BogApiUrl}"); + + // Get raw response first to debug + var response = await httpClient.GetAsync(BogApiUrl); + var jsonContent = await response.Content.ReadAsStringAsync(); + + Console.WriteLine($"[ExchangeRateService] Response Status: {response.StatusCode}"); + Console.WriteLine($"[ExchangeRateService] Response Length: {jsonContent.Length}"); + + // Log first part of response to see structure + if (jsonContent.Length > 0) + { + Console.WriteLine($"[ExchangeRateService] First 200 chars: {jsonContent.Substring(0, Math.Min(200, jsonContent.Length))}"); + } + + // Try to parse as dynamic first to see structure + try + { + var jsonDoc = JsonDocument.Parse(jsonContent); + var root = jsonDoc.RootElement; + + if (root.ValueKind == JsonValueKind.Array && root.GetArrayLength() > 0) + { + var firstElement = root[0]; + + // Check if it has a currencies property + if (firstElement.TryGetProperty("currencies", out var currenciesElement)) + { + Console.WriteLine("[ExchangeRateService] Found 'currencies' array in response"); + var rates = JsonSerializer.Deserialize>(currenciesElement.GetRawText()); + + if (rates != null) + { + Console.WriteLine($"[ExchangeRateService] Parsed {rates.Count} rates from currencies array"); + return new ExchangeRatesResponse(rates); + } + } + else + { + // Try direct array parsing + Console.WriteLine("[ExchangeRateService] Trying direct array parsing"); + var rates = JsonSerializer.Deserialize>(jsonContent); + + if (rates != null) + { + Console.WriteLine($"[ExchangeRateService] Parsed {rates.Count} rates directly"); + return new ExchangeRatesResponse(rates); + } + } + } + } + catch (Exception parseEx) + { + Console.WriteLine($"[ExchangeRateService] Parse error: {parseEx.Message}"); + } + + // Fallback to direct parsing + var ratesList = await httpClient.GetFromJsonAsync>(BogApiUrl); + return ratesList != null ? new ExchangeRatesResponse(ratesList) : null; + } + catch (Exception ex) + { + Console.WriteLine($"[ExchangeRateService] Error: {ex.Message}"); + Console.WriteLine($"[ExchangeRateService] Stack: {ex.StackTrace}"); + return null; + } + } + + public async Task?> GetHistoricalRatesAsync(string currencyCode, DateTime from, DateTime to) + { + try + { + var url = $"{BogHistApiUrl}?currencies={currencyCode}&from={from:yyyy-MM-dd}&to={to:yyyy-MM-dd}"; + return await httpClient.GetFromJsonAsync>(url); } catch { diff --git a/TestApi.cs b/TestApi.cs new file mode 100644 index 0000000..58038d5 --- /dev/null +++ b/TestApi.cs @@ -0,0 +1,27 @@ +using System; +using System.Net.Http; +using System.Threading.Tasks; + +class TestApi +{ + static async Task Main() + { + using var client = new HttpClient(); + var url = "https://nbg.gov.ge/gw/api/ct/monetarypolicy/currencies/en/json"; + + try + { + Console.WriteLine($"Fetching from: {url}"); + var response = await client.GetAsync(url); + Console.WriteLine($"Status: {response.StatusCode}"); + + var content = await response.Content.ReadAsStringAsync(); + Console.WriteLine($"Content length: {content.Length}"); + Console.WriteLine($"First 1000 chars:\n{content.Substring(0, Math.Min(1000, content.Length))}"); + } + catch (Exception ex) + { + Console.WriteLine($"Error: {ex.Message}"); + } + } +} \ No newline at end of file diff --git a/TestProgram.cs b/TestProgram.cs new file mode 100644 index 0000000..400ccbb --- /dev/null +++ b/TestProgram.cs @@ -0,0 +1,78 @@ +using System; +using System.Net.Http; +using System.Text.Json; +using System.Text.Json.Serialization; +using System.Collections.Generic; +using System.Threading.Tasks; +using System.Linq; + +public record BogApiResponse +{ + [JsonPropertyName("date")] + public DateTime Date { get; init; } + + [JsonPropertyName("currencies")] + public List Currencies { get; init; } = new(); +} + +public record CurrencyRate +{ + [JsonPropertyName("code")] + public string Code { get; init; } = string.Empty; + + [JsonPropertyName("quantity")] + public int Quantity { get; init; } + + [JsonPropertyName("rateFormated")] + public decimal RateFormated { get; init; } + + [JsonPropertyName("rate")] + public decimal Rate { get; init; } + + [JsonPropertyName("name")] + public string Name { get; init; } = string.Empty; +} + +class TestProgram +{ + static async Task Main() + { + var client = new HttpClient(); + var url = "https://nbg.gov.ge/gw/api/ct/monetarypolicy/currencies/en/json"; + + Console.WriteLine($"Fetching from: {url}"); + + var response = await client.GetAsync(url); + var content = await response.Content.ReadAsStringAsync(); + + var jsonOptions = new JsonSerializerOptions + { + PropertyNameCaseInsensitive = true, + NumberHandling = JsonNumberHandling.AllowReadingFromString + }; + + var bogResponses = JsonSerializer.Deserialize>(content, jsonOptions); + + if (bogResponses != null && bogResponses.Count > 0) + { + var latestResponse = bogResponses[0]; + Console.WriteLine($"Date: {latestResponse.Date}"); + Console.WriteLine($"Currencies count: {latestResponse.Currencies.Count}"); + + foreach (var rate in latestResponse.Currencies.Take(5)) + { + Console.WriteLine($"{rate.Code}: {rate.Name} - {rate.Rate} (per {rate.Quantity})"); + } + + // Find USD rate + var usdRate = latestResponse.Currencies.FirstOrDefault(r => r.Code == "USD"); + if (usdRate != null) + { + Console.WriteLine($"\nUSD Rate: {usdRate.Rate} per {usdRate.Quantity}"); + var amountInUSD = 100m; + var amountInGEL = amountInUSD * usdRate.Rate / usdRate.Quantity; + Console.WriteLine($"${amountInUSD} = โ‚พ{amountInGEL:N2}"); + } + } + } +} \ No newline at end of file diff --git a/build-and-run.sh b/build-and-run.sh new file mode 100644 index 0000000..572fc4c --- /dev/null +++ b/build-and-run.sh @@ -0,0 +1,22 @@ +#!/bin/bash +cd /home/petre/repos/InGeorgianLari + +# Clean up test files +rm -f TestApi.cs TestProgram.cs test-api.csx 2>/dev/null +rm -rf TestApi/ 2>/dev/null + +# Clean build artifacts +echo "Cleaning..." +dotnet clean + +# Build +echo "Building..." +dotnet build + +# Run if build succeeds +if [ $? -eq 0 ]; then + echo "Running..." + dotnet run +else + echo "Build failed!" +fi \ No newline at end of file diff --git a/test-api.csx b/test-api.csx new file mode 100644 index 0000000..d91aded --- /dev/null +++ b/test-api.csx @@ -0,0 +1,15 @@ +using System; +using System.Net.Http; +using System.Threading.Tasks; + +var client = new HttpClient(); +var url = "https://nbg.gov.ge/gw/api/ct/monetarypolicy/currencies/en/json"; + +Console.WriteLine($"Fetching from: {url}"); +var response = await client.GetAsync(url); +Console.WriteLine($"Status: {response.StatusCode}"); + +var content = await response.Content.ReadAsStringAsync(); +Console.WriteLine($"Content length: {content.Length}"); +Console.WriteLine($"First 500 chars:"); +Console.WriteLine(content.Substring(0, Math.Min(500, content.Length))); \ No newline at end of file diff --git a/wwwroot/.nojekyll b/wwwroot/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/wwwroot/404.html b/wwwroot/404.html new file mode 100644 index 0000000..6aebe72 --- /dev/null +++ b/wwwroot/404.html @@ -0,0 +1,113 @@ + + + + + + + แƒšแƒแƒ แƒ˜แƒก แƒ™แƒแƒœแƒ•แƒ”แƒ แƒขแƒแƒ แƒ˜ - USD/EUR/GBP to GEL + + + + + + + + +
+ + + + +
+
+ +
+ แƒ›แƒแƒฎแƒ“แƒ แƒจแƒ”แƒชแƒ“แƒแƒ›แƒ. + แƒ’แƒแƒœแƒแƒฎแƒšแƒ”แƒ‘แƒ + ๐Ÿ—™ +
+ + + + + diff --git a/wwwroot/css/app.css b/wwwroot/css/app.css index 7b3eb5d..a558f2c 100644 --- a/wwwroot/css/app.css +++ b/wwwroot/css/app.css @@ -1,5 +1,21 @@ +/* Dark mode theme for Georgian Lari Converter */ +:root { + --background: #0F0F0F; + --card: #1A1A1A; + --card-light: #252525; + --text: #E5E5E5; + --text-light: #A0A0A0; + --border: #2A2A2A; + --primary: #FF5C5C; + --secondary: #4A90E2; +} + html, body { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + background: var(--background); + color: var(--text); + margin: 0; + padding: 0; } h1:focus { @@ -7,47 +23,48 @@ h1:focus { } a, .btn-link { - color: #0071c1; + color: var(--secondary); } .btn-primary { color: #fff; - background-color: #1b6ec2; - border-color: #1861ac; + background-color: var(--primary); + border-color: var(--primary); } .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { - box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; + box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(74, 144, 226, 0.5); } .content { - padding-top: 1.1rem; + padding-top: 0; } .valid.modified:not([type=checkbox]) { - outline: 1px solid #26b050; + outline: 1px solid #10B981; } .invalid { - outline: 1px solid red; + outline: 1px solid #EF4444; } .validation-message { - color: red; + color: #EF4444; } #blazor-error-ui { - color-scheme: light only; - background: lightyellow; + background: var(--card); + color: var(--text); bottom: 0; - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5); box-sizing: border-box; - display: none; + display: none !important; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; + border-top: 1px solid var(--border); } #blazor-error-ui .dismiss { @@ -58,13 +75,21 @@ a, .btn-link { } .blazor-error-boundary { - background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; + background: var(--primary); padding: 1rem 1rem 1rem 3.7rem; color: white; + display: none; } .blazor-error-boundary::after { - content: "An error has occurred." + content: "แƒ›แƒแƒฎแƒ“แƒ แƒจแƒ”แƒชแƒ“แƒแƒ›แƒ." + } + + .blazor-error-boundary::before { + content: "โš  "; + font-size: 1.5rem; + position: absolute; + left: 1rem; } .loading-progress { @@ -77,14 +102,14 @@ a, .btn-link { .loading-progress circle { fill: none; - stroke: #e0e0e0; + stroke: var(--border); stroke-width: 0.6rem; transform-origin: 50% 50%; transform: rotate(-90deg); } .loading-progress circle:last-child { - stroke: #1b6ec2; + stroke: var(--primary); stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%; transition: stroke-dasharray 0.05s ease-in-out; } @@ -94,21 +119,95 @@ a, .btn-link { text-align: center; font-weight: bold; inset: calc(20vh + 3.25rem) 0 auto 0.2rem; + color: var(--text); } .loading-progress-text:after { - content: var(--blazor-load-percentage-text, "Loading"); + content: var(--blazor-load-percentage-text, "แƒ˜แƒขแƒ•แƒ˜แƒ แƒ—แƒ”แƒ‘แƒ"); } code { - color: #c02d76; + color: var(--secondary); +} + +/* Navigation menu dark theme */ +.navbar-toggler { + background-color: var(--card-light); + border: 1px solid var(--border); +} + +.navbar-brand { + color: var(--text) !important; +} + +.nav-item .nav-link { + color: var(--text-light) !important; +} + +.nav-item .nav-link:hover { + color: var(--text) !important; + background-color: var(--card-light); +} + +.nav-item .nav-link.active { + color: var(--text) !important; + background-color: var(--card-light); +} + +/* Override Bootstrap navbar colors */ +.navbar { + background-color: var(--card) !important; + border-bottom: 1px solid var(--border); } -.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { - color: var(--bs-secondary-color); - text-align: end; +.sidebar { + background-color: var(--card) !important; + border-right: 1px solid var(--border); } -.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder { - text-align: start; +/* Page layout */ +.page { + background: var(--background); + min-height: 100vh; +} + +/* Remove default Bootstrap white backgrounds */ +.bg-light { + background-color: var(--card) !important; +} + +.bg-white { + background-color: var(--card) !important; +} + +/* Form controls dark theme */ +.form-control, .form-select { + background-color: var(--card-light); + border: 1px solid var(--border); + color: var(--text); +} + +.form-control:focus, .form-select:focus { + background-color: var(--card-light); + border-color: var(--secondary); + color: var(--text); +} + +/* Hide nav menu on main converter page */ +.sidebar { + display: none; +} + +.main { + padding: 0; +} + +@media (min-width: 641px) { + .page { + flex-direction: row; + } + + .main > div { + padding: 0; + } } \ No newline at end of file diff --git a/wwwroot/index.html b/wwwroot/index.html index da86744..48c5a09 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -1,14 +1,15 @@ - + - Georgian Lari Converter - USD/EUR to GEL - + แƒšแƒแƒ แƒ˜แƒก แƒ™แƒแƒœแƒ•แƒ”แƒ แƒขแƒแƒ แƒ˜ - USD/EUR/GBP to GEL + + @@ -20,12 +21,94 @@
-
+ +
An unhandled error has occurred. Reload ๐Ÿ—™
+ diff --git a/wwwroot/sample-data/weather.json b/wwwroot/sample-data/weather.json deleted file mode 100644 index b745973..0000000 --- a/wwwroot/sample-data/weather.json +++ /dev/null @@ -1,27 +0,0 @@ -๏ปฟ[ - { - "date": "2022-01-06", - "temperatureC": 1, - "summary": "Freezing" - }, - { - "date": "2022-01-07", - "temperatureC": 14, - "summary": "Bracing" - }, - { - "date": "2022-01-08", - "temperatureC": -13, - "summary": "Freezing" - }, - { - "date": "2022-01-09", - "temperatureC": -16, - "summary": "Balmy" - }, - { - "date": "2022-01-10", - "temperatureC": -2, - "summary": "Chilly" - } -]