토스증권 웹 클론코딩

토스증권 웹의 UI/UX와 주요 기능을 분석하고 재구현한 클론코딩 프로젝트입니다. 실제 서비스와 유사한 화면과 인터랙션을 구현하며 좋은 설계와 테스트 코드 작성을 학습하는 데 중점을 두었습니다.

🛠 기술 스택

Frontend: React, Vite, TypeScript, Jotai

UI: Tailwind CSS, shadcn/ui

Backend: Supabase

Test: Vitest

Chart: TradingView Lightweight Charts ,Recharts

📑  프로젝트 문서

기능 요구사항

git 브랜치 전략

코드 컨벤션

커밋 메시지 컨벤션

🚀 프로젝트 실행

node.js 20.x LTS (권장)

git clone [email protected]:f-lab-edu/toss-invest-clone.git

cd toss-invest-clone

npm i

npm run dev