Portfolio Tracker

Deployment

• Deployed using Render here
  • There is a default account with credentials already entered in the login page for anyone who wants to see what an existing account looks like
• Note: Third-party stock API has a daily limit, so market prices may not be fully updated

Description

• A web application designed for investors to manage their portfolios efficiently. Users can track stock performance in real-time, manage transactions, and gain insights into their investments.

Features

• User authentication and profile management.
• Management of investment portfolios, stocks, and transactions.
• Live tracking of stock prices and portfolio performance.
• Transaction management, including records of buying/selling stocks and profit/loss calculations.

Tech Stack

Backend:

• Python, Flask
  • Flask Login for session management
• Database:
  • PostgreSQL for relational data
  • Firebase for user profile pictures
    • this feature has been removed for now
• ORM: SQLAlchemy
  • Models here

Frontend:

• TypeScript, React
  • React Router for handling routes
  • React Query for managing remote state
  • Compound Component Pattern (Example here)
  • Render Props Pattern (Example here)
• Styling: Tailwind CSS

Testing

• Backend: pytest (here)

Containerization

• Created containerized production, development and testing environment
• See docker-compose files in root folder, as well as Dockerfile in respective folders