Serraniel/investment-portfolio-simulator
1
0
Fork 0
mirror of https://github.com/Tomato6966/investment-portfolio-simulator.git synced 2025-04-04 14:40:36 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions
Portfolio Simulator for Investing, using real data provided by yahoo finance with sleek modern Design.
15 commits 1 branch 0 tags 2.8 MiB
Find a file
tomato6966 1edf7cbb23 add favicons
2024-12-22 00:39:14 +01:00
.github/workflows fix workflow 2024-12-22 00:26:32 +01:00
docs Change origin and styles 2024-12-21 23:54:04 +01:00
public add favicons 2024-12-22 00:39:14 +01:00
src add note about proxy server 2024-12-22 00:31:58 +01:00
.gitignore Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
browserconfig.xml add favicons 2024-12-22 00:39:14 +01:00
Dockerfile Added further deployment infos 2024-12-21 23:23:48 +01:00
eslint.config.js Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
index.html add favicons 2024-12-22 00:39:14 +01:00
LICENSE Initial commit 2024-12-21 21:30:49 +01:00
manifest.json add favicons 2024-12-22 00:39:14 +01:00
nginx.conf Added further deployment infos 2024-12-21 23:23:48 +01:00
package-lock.json Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
package.json Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
postcss.config.js Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
README.md Change origin and styles 2024-12-21 23:54:04 +01:00
tailwind.config.js Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
tsconfig.app.json Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
tsconfig.json Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
tsconfig.node.json Initial commit: Portfolio Simulator Implementation 2024-12-21 23:15:39 +01:00
vite.config.ts cors proxy 2024-12-22 00:23:33 +01:00

README.md

Investment Portfolio Simulator

A modern web application for simulating and tracking investment portfolios with real-time data. Built with React, TypeScript, and Tailwind CSS.

Why this Project?

  • I wanted to see how my portfolio would perform if I had invested in something else, and thus with savings plan(s)
  • The main issue with other saving-plan calculators is, that they calculate based on the p.a. performance, i wanted further insights however, and thus this projected was created.
  • It allows you to see how single-investments and savings plans would have performed, and how they would have affected your portfolio.
  • There are multiple indicators and design choices made:
    • TTWOR (Time Travel Without Risk) calculations
    • Average Portfolio Performance
    • Portfolio Performance & Value
    • All assets (except the TTWOR and Portfolio-Value) are scaled by percentage of their price. Thus their referenced, scale is on the right. The referenced scale on the left is only for the portfolio-value

Dark Mode Preview Light Mode Preview

Features

  • 📈 Real-time stock data from Yahoo Finance
  • 💰 Track multiple assets and investments
  • 📊 Interactive charts with performance visualization
  • 🌓 Dark/Light mode support
  • 📱 Responsive design
  • 📅 Historical data analysis
  • 💹 TTWOR (Time Travel Without Risk) calculations
  • 🔄 Support for one-time and periodic investments
  • 📊 Detailed performance metrics

Tech Stack

  • React 18
  • TypeScript
  • Tailwind CSS
  • Vite
  • Recharts
  • date-fns
  • Lucide Icons

Self Hosting

Prerequisites

  • Node.js 20 or higher
  • npm or yarn

Local Development

  1. Clone the repository