{"id":19112281,"url":"https://github.com/lsjroberts/fintech-framework-comparison","last_synced_at":"2026-04-13T06:03:09.182Z","repository":{"id":147281738,"uuid":"190552749","full_name":"lsjroberts/fintech-framework-comparison","owner":"lsjroberts","description":"A comparison of web frameworks and languages for realworld fintech apps","archived":false,"fork":false,"pushed_at":"2019-06-15T14:27:29.000Z","size":137,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-22T11:32:32.959Z","etag":null,"topics":["angular","elm","fintech","imba","react","stencil","svelte","vue"],"latest_commit_sha":null,"homepage":null,"language":"Elixir","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lsjroberts.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-06T09:19:16.000Z","updated_at":"2019-06-15T14:27:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"fcd994a9-2513-40d5-9f4e-d126c7a7a0ff","html_url":"https://github.com/lsjroberts/fintech-framework-comparison","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lsjroberts/fintech-framework-comparison","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lsjroberts%2Ffintech-framework-comparison","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lsjroberts%2Ffintech-framework-comparison/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lsjroberts%2Ffintech-framework-comparison/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lsjroberts%2Ffintech-framework-comparison/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lsjroberts","download_url":"https://codeload.github.com/lsjroberts/fintech-framework-comparison/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lsjroberts%2Ffintech-framework-comparison/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279020904,"owners_count":26086948,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-14T02:00:06.444Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","elm","fintech","imba","react","stencil","svelte","vue"],"created_at":"2024-11-09T04:32:26.109Z","updated_at":"2025-10-14T20:36:24.043Z","avatar_url":"https://github.com/lsjroberts.png","language":"Elixir","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web Framework Comparison for FinTech\n\nA comparison of various web frameworks and languages for typical realworld financial web applications.\n\nIt is not intended that this comparison will come to a conclusion with a definitive \"best\" framework for building fintech apps. Instead it aims to provide a concrete real world baseline and support for discussion around the right choice for your specific company, project and team.\n\nFor each framework there is a breakdown of benchmark figures, a list of notable dependencies.\n\nEach app has been built with typical dependencies that would be chosen for a real world app. Projects are not built with just the raw framework or language itself, so this serves as a comparison of the common ecosystem surrounding each.\n\nProject template generators are used, such as [create-react-app](#), however full featured higher-order frameworks such as [Next.js](#) are treated separately.\n\nPlease remember, at the end of the day there is no absolute right or wrong framework, there is only the best fit for your team and your project.\n\n## Features of a FinTech App\n\n- Big grids of data, often virtualised, sometimes editable\n- Charts, sparklines and more\n- Streaming data, websockets of the latest prices and positions\n\n## Frameworks \u0026 Languages\n\nIn alphabetical order, the technologies used are:\n\n- ❌ [Angular](#Angular)\n- 🚧 [Elm](#Elm)\n- ❌ [Imba](#Imba)\n- ❌ [React](#React)\n- ❌ [Stencil](#Stencil)\n- 🚧 [Svelte](#Svelte)\n- ❌ [Vue](#Vue)\n\nIf you think a framework or language is missing, please [raise an issue](https://github.com/lsjroberts/fintech-framework-comparison/issues/new).\n\n## Server\n\nEach app connects to an [Elixir](https://elixir-lang.org/) [server](https://phoenixframework.org/) providing a [GraphQL](https://graphql.org/) endpoint. Where it exists, an [Apollo](https://www.apollographql.com/) client is used for the framework in question.\n\n**Getting Started**\n\n```\ncd server\nmix phx.server\n```\n\n## Angular\n\n❌ Not started\n\nhttps://angular.io/\n\n**Dependencies**\n\n- [typescript](#)\n\n## Elm\n\n🚧 Work in progress\n\nhttps://elm-lang.org/\n\n**Setup**\n\n```\nnpm i -g create-elm-app\ncreate-elm-app elm\n```\n\n**Getting Started**\n\n```\ncd elm\nelm-app start\n```\n\n**Dependencies**\n\n- [elm-graphql](https://package.elm-lang.org/packages/dillonkearns/elm-graphql/latest)\n- [elm-ui](https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest)\n\n## Imba\n\n❌ Not started\n\nhttp://imba.io/\n\n...\n\n## React\n\n❌ Not started\n\nhttps://reactjs.org/\n\n**Dependencies**\n\n- [create-react-app](#)\n- [react-router](#)\n- [typescript](#)\n\n## Stencil\n\n❌ Not started\n\nhttps://stenciljs.com/\n\n**Setup**\n\n```\nnpm init stencil\n\u003e ✔ Pick a starter › app\n\u003e ✔ Project name › stencil\n```\n\n## Svelte\n\n🚧 Work in progress\n\nhttps://svelte.dev/\n\n**Dependencies**\n\n- [svelte-apollo](https://github.com/timhall/svelte-apollo)\n- [svelte-routing](https://github.com/EmilTholin/svelte-routing)\n\n**Setup**\n\n```\nnpx degit sveltjs/template svelte\n```\n\n**Getting Started**\n\n```\ncd svelte\nnpm install\nnpm run dev\n```\n\n## Vue\n\n❌ Not started\n\nhttps://vuejs.org/\n\n**Setup**\n\n```\nnpm i -g @vue/cli\nvue create vue\n```\n\n**Getting Started**\n\n```\ncd vue\nnpm install\nnpm run serve\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flsjroberts%2Ffintech-framework-comparison","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flsjroberts%2Ffintech-framework-comparison","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flsjroberts%2Ffintech-framework-comparison/lists"}