/checo

실시간 암호화폐 가격을 조회할 수 있는 웹앱

Primary LanguageTypeScript

CHECO



📝 개요

  • 실시간 암호화폐 가격변동 사항을 확인할 수 있는 Crypto Tracker 웹앱입니다.
  • 순위별 코인을 한 눈에 확인할 수 있습니다.
  • 각 코인별 상세 정보를 확인할 수 있습니다.
    • 현재 코인 가격, 시가총액, 등락률, ATH, 총 발행량 등을 확인할 수 있습니다.
    • 최근 한달간의 변동가격을 캔들 차트로 확인할 수 있습니다.
  • 다크모드를 사용할 수 있습니다.

💻 사용기술

  • JavaScript
  • React
  • TypeScript
  • React-Router-Dom
  • React-query
  • Styled-components

🏚 개발 환경

  • OS : Window
  • Frontend: React, TypeScript
  • IDE : VS Code
  • Platform : WebApp

🔗 배포 URL

https://dahhnym.github.io/checo/



[TOP]

💬 프로젝트 구조

 |   .gitignore
 |   .prettierrc
 |   package.json
 |   README.md
 |   tsconfig.json
 |   yarn.lock
 |
 ├ public
 |       favicon.ico
 |       index.html
 |       logo192.png
 |       logo512.png
 |       manifest.json
 |       robots.txt
 |
 └ src
    |   api.ts
    |   App.tsx
    |   global.css
    |   index.css
    |   index.tsx
    |   Router.tsx
    |   styled.d.ts
    |   theme.ts
    |
    └ elements
    |       ControlBar.tsx
    |
    └ routes
            Chart.tsx
            Coin.tsx
            Coins.tsx
            Price.tsx

추후 구현 예정

  • 전체적인 UI 수정
  • 암호화폐 관련 최신 뉴스 모음 탭
  • 코인 검색 기능

[TOP]