beomjookim / cryptotracker

Crypto-Tracker

Purpose

기존에 쓰던 가상화폐 관련 앱은 제가 원하는 정보 외에 잡다한 것들이 너무 많아,
제가 원하는 정보들만 간략히 보여줄 앱을 만들었습니다.

Skills Used

React, JS, MUI(Materials UI), ChartJS

Timeline

1.0.0. - 메인 화면과 코인 디테일 화면 구현.
1.0.1. - 상단의 trending 화면을 carousel을 활용한 자동 순회하도록 업그레이드.
1.0.2. - 100개가 넘는 코인 데이터를 10장으로 나누는 pagination 기능 추가.
1.0.3. - 100개가 넘는 코인 데이터 중 필요한 데이터를 검색하는 기능 추가.

UX 기능 개선/ 최적화

1. Trending의 10개의 크립토의 가독성이 떨어져서, alice-carousel을 활용하여 자동 순회하게 만듦.
2. loading 관련 기능 추가하여 로딩 중에는 로딩을 나타내는 화면을 보이게 구현.
3. pagination 기능을 통해 100개 이상의 아이템을 10개씩 10쪽으로 분할함.

Link to the project