#FullStack .NET Application
FinShark is a Finance App where you can Register, Login, Search, Comment and more!
The user once loged in, can read stock data from every company.
Even you can check their 10K Forms which are 100% accurate because they are displaying data from the archives of www.sec.gov
The app is using data from financialmodelingprep.com's free API.
You can search for stock companies using their ticker also! For example instead of Apple you can search by Apple's ticker and that is AAPL
Every user can Add stock to their own portfolio and remove it if he likes.
Every user can leave a comment in the stock's page.
I'm using React.js with TypeScript and TailwindCss for the UI and ASP.NET Web API for the backend with Microsoft SQl Server Database.
In the frontend i'm using the following npm packages:
- Axios - for better manipulating with my API
- Dotenv - for secretly storing my API Key for financialmodelingprep.com API
- React-Hook-Form - for better experience with forms
- React-Icons - for beautiful icons
- React-Router-Dom v6 - for navigating easily in the app
- React-Spinners - for beautiful spinners while waiting when fetching the data
- React-Toastify - for beautiful messages in the top right corner (either success or warning/error messages)
- Yup - for validating forms in the frontend
In the backend i'm using the following dotnet packages:
1.Microsoft.AspNetCore.Authentication.JwtBearer - For bearer tokens when Authorizing when accessing the API
2.Microsoft.AspNetCore.Identity.EntityFrameworkCore - For better manipulation with the Microsoft SQL Database
3.Microsoft.AspNetCore.Mvc.NewtonsoftJson - For easily converting to JSON
4.Microsoft.AspNetCore.OpenApi - For documenting the API like the version, securifty requirenment and defenition with schemes
5.Microsoft.EntityFrameworkCore.SqlServer - For Microsoft SQL Server Database
6.Microsoft.Extensions.Identity.Core - For easily creating users, loging, logout and more
Here are some images from the App's UI: