Skip to content

asifhameed8/Texell-RateDisplay-Demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’Ό Texell Rate Display Demo – Fintech MVP with .NET Core + Angular

πŸ”§ Tech Stack: ASP.NET Core Web API Β· Angular Β· TypeScript Β· In-Memory Data Β· Azure Ready
🏦 Use Case: Banking & Credit Union Platforms – Loan & Savings Rate Display
πŸš€ Goal: Demonstrate a real-time financial rate interface simulating a live product listing portal


πŸ“Œ Project Overview

This project simulates the loan and savings rate display system used by banks and credit unions to show customers current rates in real time. It showcases how Angular + ASP.NET Core Web API can deliver a clean, fast, and extensible MVP.

βœ… Clean component-based frontend
βœ… Secure, mock API backend
βœ… Ideal starting point for fintech SaaS apps or internal portals


πŸ”„ How It Works

  • Angular frontend fetches live data from .NET Web API
  • In-memory data model simulates a financial rates database
  • Great for prototyping fintech interfaces or client demos

πŸ“‚ Project Structure

Texell-RateDisplay-Demo/
β”œβ”€β”€ Backend/
β”‚   └── Texell.API/
β”‚       β”œβ”€β”€ Controllers/          # RatesController.cs
β”‚       β”œβ”€β”€ Models/               # Rate.cs
β”‚       β”œβ”€β”€ Program.cs
β”‚       └── Texell.API.csproj
β”‚
β”œβ”€β”€ Frontend/
β”‚   └── texell-ui/
β”‚       └── src/app/components/
β”‚           └── rate-display/     # Angular component

▢️ Getting Started

πŸ–₯️ Backend – ASP.NET Core

cd Backend/Texell.API
dotnet run

Endpoint: https://localhost:5001/api/rates


🌐 Frontend – Angular

cd Frontend/texell-ui
npm install
ng serve

Open in browser: http://localhost:4200


πŸ“Š Sample API Response

[
  {
    "type": "Auto Loan",
    "rateValue": "4.74%",
    "term": "60 months"
  },
  {
    "type": "Home Equity",
    "rateValue": "5.99%",
    "term": "15 years"
  }
]

🎯 Real-World Applications

  • πŸ”Ή Credit union customer portals
  • πŸ”Ή Internal rate comparison dashboards
  • πŸ”Ή Mortgage and loan quote UIs
  • πŸ”Ή Azure-hosted banking tools (API + Angular SPA)

πŸ”– Tags

aspnet-core angular dotnet fintech mvp azure rate-display banking-app typescript frontend-backend


🀝 Let’s Work Together

Are you building a fintech MVP, loan portal, or need help creating a secure web app for banking or finance?

πŸ“¬ Hire me on Upwork
🌐 Visit my portfolio