README.md

Whaling Client 🐳

You can enjoy our service through Whaling

Getting Started

You can run the command below in project directory

Yarn

git clone https://github.com/team-whaling/whaling-client.git
cd whaling-client
yarn install 
yarn start

NPM

git clone https://github.com/team-whaling/whaling-client.git
cd whaling-client
npm i
npm run start

Why Whaling ?

누구나 투자 확신이 한 눈에 생기는 투표형 투자 정보 플랫폼, 투자 정보 공유를 위한 가장 간편하고 믿을 수 있는 서비스 ‘웨일링’

• 개방성: 간결화된 투표양식으로 누구나 쉽게
• 직관성: 다양한 시각자료로 한 눈에
• 신용성: 적중률 시스템으로 믿을 수 있게

Browser Support

** 375x812 (5.4인치) 화면에 최적화되어 있습니다.

Chrome 97+	Safari 13+	Edge	Firefox 96+

Feature

Auth

• 카카오 소셜 로그인

Home

• 웨일링 전체 적중률
• 참여한 투표 중 진행중인 투표 보기

Vote

• 투표 생성하기 (종목/기간/얼만큼/변동사항 선택)
• 투표 하기
• 적중률 70% 이상의 사용자들의 답변 보기
• 트래킹이 끝난 후 코인 가격 비교
• 코인명으로 검색하기

MyPage

• 나의 적중률 확인
• 보유 고래밥 수 확인
• 내가 참여/생성한 투표 보기
• 튜토리얼

실행 화면

투표 만들기

투표 하기

투표 결과 확인

Tech Stack

• framework: React with Typescript
• state management: redux, redux-thunk with typesafe actions
• data fetching: axios
• style: styled-components
• react-router, @nivo/pie, swiper

Communication Tool

• Jira
• Slack
• Notion

Developer

김태은	양기욱
home/vote	auth/mypage
@xodms0309	@codeKiuk