투자 매매전략을 공유하고 중개하는 소셜 플랫폼, 트레들리

🔗 트레들리 바로가기

👥 팀 소개

박주은 UI/UX Designer	이서윤 Frontend Developer	신혜진 Frontend Developer	박지영 Frontend Developer
김수민 Frontend Developer	이연지 Frontend Developer	윤석모 Backend Developer	김대현 Backend Developer
전상호 Backend Developer	최해창 Backend Developer	우수빈 Backend Developer	임정미 Backend Developer

📌 프로젝트 개요

트레들리는 투자자와 트레이더를 연결해 전략 공유와 데이터 기반 인사이트를 제공하는 혁신적인 소셜 플랫폼입니다.
초보 투자자부터 전문 트레이더까지, 누구나 쉽고 직관적으로 투자 전략을 공유하고 실행할 수 있도록 설계되었습니다.

🧪 테스트 계정 안내

테스트에 필요한 계정 정보를 아래에서 확인하세요.

역할	이메일	비밀번호	비고
투자자	[email protected]	asdf1234!	투자자 로그인 및 관련 기능 테스트용 계정
트레이더	[email protected]	asdf1234!	트레이더 로그인 및 관련 기능 테스트용 계정
관리자	[email protected]	asdf1234!	관리자 로그인 및 관련 기능 테스트용 계정
관리자 (Google)	[email protected]	asdfg12345!	관리자 이메일 인증 테스트용 계정

🚀 주요 기능

1. 투자 전략 등록 및 공유

트레이더는 자신의 투자 전략을 등록하고, 투자자는 공유하여 다른 사용자와 소통할 수 있습니다.

1.1 전략 등록 화면

1.2 전략 공유 화면

2. 투자 전략 및 트레이더 검색

• 통합 검색과 상세 검색을 통해 원하는 투자 전략과 트레이더를 쉽고 빠르게 찾을 수 있습니다.
• 키워드 검색과 다양한 필터를 활용해 조건에 맞는 결과를 더욱 정확하게 확인할 수 있습니다.

2.1 전략 상세 검색 화면

2.2 트레이더 상세 검색 화면

3. 전략 랭킹

사용자들에게 인기 있는 전략을 순위와 통계로 제공하여 투자 결정을 돕습니다.

4. 커뮤니티 기능 - 리뷰, 문의하기

• 투자 전략에 대한 리뷰를 작성하고, 다른 사용자의 의견을 확인할 수 있습니다.
• 궁금한 점은 문의하기 기능을 통해 트레이더와 소통할 수 있습니다.

4.1 리뷰 화면

4.2 문의하기 화면

5. 관리자 기능

• 트레이더가 등록한 전략을 검토하고 승인합니다.
• 투자 상품(국내/해외 주식 등)과 매매 유형(데이 트레이딩, 포지션 매매 등)을 관리합니다.

5.1 전략승인관리 화면

5.2 매매유형관리 화면

⚙️ 기술 스택

구분	기술 스택
Frontend	React.js, TypeScript, Emotion, HeadlessUI, Zustand, TanStack Query, MSW, ESLint, Prettier
Backend	Java, Spring Boot, Spring Security, Maven, Jenkins, JWT, JUnit5, Mockito, Swagger
Database	MySQL, Spring Data JPA
배포	AWS EC2, AWS S3

🖥️ 로컬 환경에서 실행하기

1. 환경 변수 설정

1.1 .env 파일 받기

프로젝트 실행에 필요한 .env파일을 다운로드하세요.
Google Drive 링크

1.2 .env 파일 저장

다운로드한 .env 파일을 프로젝트 루트 디렉토리에 저장합니다.

📁 프로젝트 폴더 구조 예시
├── .env
├── src/
├── package.json
├── ...

1.3 환경 변수 값 확인

.env 파일에 포함된 환경 변수들을 확인하고, 로컬 환경에 맞게 수정이 필요한 경우 값을 업데이트 하세요.

2. 프로젝트 의존성 설치

npm install

3. 클라이언트 실행

npm run dev