A responsive web application built with React and TailwindCSS that allows users to fetch, filter, and analyze Apple Inc.'s annual income statements. The app fetches financial data from the Financial Modeling Prep API and presents key financial metrics such as revenue, net income, gross profit, and earnings per share (EPS). Users can easily filter data based on date range, revenue, and net income, and sort the table to view data in ascending or descending order.
- Data Fetching: Retrieve annual income statements for AAPL (Apple Inc.) via API.
- Interactive Filtering:
- Filter data by date range (e.g., 2020–2024).
- Filter data by revenue and net income range.
- Sorting:
- Sort data by date, revenue, and net income (ascending/descending).
- Responsive Design: The app is mobile-friendly and looks great on both desktop and mobile devices.
- Optional Backend (Flask/FastAPI): Support for server-side filtering and sorting.
- Frontend: React (JavaScript), TailwindCSS
- Backend (Optional): Flask or FastAPI (for server-side filtering)
- Deployment: Easily deployable to Vercel, Netlify, or AWS.
Check out the deployed version here: Deployed App Link.
- Node.js installed on your local machine.
- API key from Financial Modeling Prep. Get a free API key here.
-
Clone the repository: ```bash git clone https://github.com/yourusername/financial-data-app.git cd financial-data-app ```
-
Install dependencies: ```bash npm install ```
-
Add your Financial Modeling Prep API Key:
-
Run the app locally: ```bash npm start ```
The app will be available at http://localhost:3000.
To use a Flask/FastAPI backend for filtering and sorting:
-
Navigate to the
backend/directory: ```bash cd backend ``` -
Install Python dependencies: ```bash pip install -r requirements.txt ```
-
Run the backend server: ```bash flask run # For Flask uvicorn app:app --reload # For FastAPI ```
This project is licensed under the MIT License. See the LICENSE file for details.