{"id":22850048,"url":"https://github.com/kristishqau/fintech-react-.net-web-app","last_synced_at":"2026-04-11T14:01:53.798Z","repository":{"id":265346728,"uuid":"889212700","full_name":"kristishqau/FinTech-React-.NET-Web-App","owner":"kristishqau","description":"FinTech Dashboard is a modern, responsive web application designed for exploring/analyzing financial data. It allows users to view company profiles, income statements, balance sheets, cash flow statements, and historical dividends. The app offers interactive charts, dynamic data rendering, and seamless navigation.📈📱","archived":false,"fork":false,"pushed_at":"2025-03-25T19:15:51.000Z","size":877,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T19:34:31.720Z","etag":null,"topics":["cleancode","csharp","dotnet","entity-framework","fintech","frontend","react","react-router","reactjs","responsive","restful-api","sqlserver","ssms","swagger","tailwindcss","typescript","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/kristishqau.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":"2024-11-15T20:40:07.000Z","updated_at":"2025-03-25T19:15:55.000Z","dependencies_parsed_at":"2025-02-06T10:43:03.726Z","dependency_job_id":"fd20ad3e-996c-4717-a4e7-2f19753f74f2","html_url":"https://github.com/kristishqau/FinTech-React-.NET-Web-App","commit_stats":null,"previous_names":["kristishqau/fintech-project-react-.net","kristishqau/fintech-react-.net-web-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kristishqau%2FFinTech-React-.NET-Web-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kristishqau%2FFinTech-React-.NET-Web-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kristishqau%2FFinTech-React-.NET-Web-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kristishqau%2FFinTech-React-.NET-Web-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kristishqau","download_url":"https://codeload.github.com/kristishqau/FinTech-React-.NET-Web-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246426980,"owners_count":20775486,"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","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":["cleancode","csharp","dotnet","entity-framework","fintech","frontend","react","react-router","reactjs","responsive","restful-api","sqlserver","ssms","swagger","tailwindcss","typescript","webdevelopment"],"created_at":"2024-12-13T05:06:12.758Z","updated_at":"2025-12-30T20:28:22.989Z","avatar_url":"https://github.com/kristishqau.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FinTech Dashboard\n\n## Table of Contents\n- [Overview](#overview)\n- [Features](#features)\n- [Project Structure](#project-structure)\n- [Technologies Used](#technologies-used)\n- [Installation and Setup](#installation-and-setup)\n- [Usage](#usage)\n- [Contributions](#contributions)\n- [License](#license)\n\n---\n\n## Overview\nFinTech Dashboard is a financial analytics platform that empowers users to uncover deep insights from complex financial data. With a fully responsive design, this application delivers seamless navigation and dynamic visualizations, enabling you to review detailed company profiles, comprehensive income statements, balance sheets, cash flow reports, and historical dividend trends. Whether you're an investor, analyst, or financial enthusiast, FinTech Dashboard transforms raw data into actionable intelligence through its intuitive interface and interactive charts.\n\nThe project is divided into two main components, each with its own detailed README outlining setup instructions, functionality, and usage: \n- **Frontend:** Built with React, TypeScript, and Tailwind CSS, providing a clean and interactive UI.\n- **Backend:** Developed using .NET Web API to handle financial data retrieval and business logic.\n\n---\n\n## Features\n### Frontend\n- Responsive and user-friendly design.\n- Dynamic data rendering with real-time financial updates.\n- Interactive financial charts and visualizations.\n- Efficient state management using React Hooks.\n- Integrated search functionality for company exploration.\n\n### Backend\n- RESTful API endpoints for financial data retrieval.\n- Secure and efficient handling of API requests.\n- Integration with financial data providers.\n- Optimized for scalability and performance.\n\n---\n\n## Project Structure\n\n```\nFinTech-Dashboard/\n├── backend/  # .NET Web API for financial data\n│   ├── Controllers/  # API endpoints\n│   ├── Models/  # Data models\n│   ├── Services/  # Business logic\n│   ├── appsettings.json  # Configuration file\n│   └── Program.cs  # Main entry point\n│\n├── frontend/  # React-based frontend\n│   ├── src/\n│   │   ├── components/  # Reusable UI components\n│   │   ├── pages/  # Main application views\n│   │   ├── hooks/  # Custom React hooks\n│   │   ├── App.tsx  # Main React component\n│   │   ├── index.tsx  # Entry point for React app\n│   ├── package.json  # Frontend dependencies\n│   ├── tailwind.config.js  # Tailwind CSS configuration\n│   └── tsconfig.json  # TypeScript configuration\n│\n└── README.md  # Project documentation\n```\n\n## Technologies Used\n\n### Frontend\n- **React**\n- **TypeScript**\n- **Tailwind CSS**\n- **React Router**\n- **Recharts**\n- **Axios**\n\n### Backend\n- **.NET Web API**\n- **Entity Framework Core**\n- **SSMS / SQL Server**\n- **Swagger** for API documentation\n\n---\n\n## Installation and Setup\n\n### Prerequisites\nEnsure you have the following installed:\n- **Node.js** (for frontend development)\n- **.NET SDK** (for backend development)\n- **SSMS / SQL Server** (for database management)\n\n### Clone the Repository\n```sh\ngit clone https://github.com/kristishqau/FinTech-React-.NET-Web-App.git\ncd FinTech-React-.NET-Web-App\n```\n\n### Setup Frontend\n```sh\ncd frontend\nnpm install\nnpm start\n```\nOpen `http://localhost:3000` in your browser.\n\n### Setup Backend\n```sh\ncd backend\ndotnet restore\ndotnet run\n```\nThe backend will be running at `http://localhost:5000` (or `https://localhost:5001` for HTTPS).\n\n## Usage\n\n1. **Search for Companies**: Use the search bar to find company profiles.\n2. **View Financial Statements**: Navigate through income statements, balance sheets, and cash flow reports.\n3. **Analyze Historical Data**: Interactive charts display stock trends and financial health.\n4. **Bookmark Stocks**: Save favorite stocks for quick access.\n\n## Contributions\n\nContributions are welcome! Follow these steps:\n1. Fork the repository.\n2. Create a new branch: `git checkout -b feature-name`.\n3. Commit your changes: `git commit -m 'Add feature'`.\n4. Push to the branch: `git push origin feature-name`.\n5. Submit a pull request.\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkristishqau%2Ffintech-react-.net-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkristishqau%2Ffintech-react-.net-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkristishqau%2Ffintech-react-.net-web-app/lists"}