StockPort Frontend

📊 STPT: 국내 주식 포트폴리오 백테스팅 서비스

기술 스택

• Frontend: React, TypeScript, Vite
• UI: Tailwind CSS, Shadcn UI
• Chart: Recharts, eCharts
• Server State: Tanstack Query
• form + validate: react-hook-form + zod

📄 프로젝트 개요

사용자가 자신만의 주식 포트폴리오를 구성하고, 과거 주가 데이터를 기반으로 수익률, 변동성, 최대 손실(MDD) 등 다양한 지표를 분석할 수 있는 웹 기반 백테스팅 서비스입니다.

🎯 주요 기능

• 주식 포트폴리오 등록 및 비중 설정
• 시작일, 종료일, 리밸런싱 주기 등 시뮬레이션 조건 입력
• 과거 데이터를 활용한 백테스팅 결과 시각화 (수익률 차트, 요약 통계)
• CAGR, MDD, Sharpe Ratio 등 주요 지표 제공
• 실시간 시세 조회: 당일 기준 주요 종목의 시가 데이터를 조회할 수 있는 시세 페이지 제공

🎥 시연 영상

default.mov

📸 스크린샷

메인 페이지

• 데스크탑

• 모바일

백테스트 폼 입력

백테스트 결과 - 지표

백테스트 결과 - 차트

마켓 페이지

종목 상세 페이지 - 라인

종목 상세 페이지 - 캔들