Coinfacts는 Android 및 iOS 용 기능이 풍부한 Cryptocurrency 추적 앱으로 React Native를 사용하여 개발되었습니다.
? 스크린 샷
출시 방법
모바일 장치에서 앱을 실행하려면 다음을 수행하십시오.
- 이 링크를 엽니 다
- Google Play 스토어/Apple App Store에서 Expo Go 앱 다운로드
- 모바일 장치의 카메라 앱을 사용하여 링크에서 QR 코드를 스캔하십시오.
- 링크는 엑스포 앱으로 리디렉션하고 coinfacts를 시작합니다.
? 스택
- 엑스포
- TypeScript
- 원시 반응
- 반응 내비게이션
- 재 시민 2
- 중포 기지
- 기본 비동기 예비에 반응합니다
- 기본 SVG에 반응합니다
? ️ API가 사용되었습니다
- Coingecko API- 라이브 cryptocurrency 및 시장 데이터를 검색하고 검색 결과를 얻고 동전 세부 정보를 얻고 트렌드 코인을 가져 오십시오.
- 뉴스 API- 최신 뉴스 데이터를 검색하려면 ( "Crypto"및 "Cryptocurrency"키워드가있는 상위 100 개 국제 뉴스).
? 건축학
- 이 프로젝트는 간단하고 이해하기 쉬운 권장 반응 기본 아키텍처를 따릅니다.
- 권장 프로젝트 구조에 대해 자세히 알아보십시오.
스크린
로그인/등록 화면
- 사용자가 가입/로그인 할 수 있습니다.
- 로그인하면 사용자는 코인을 포트폴리오/감시 목록에 저장할 수 있습니다.
- 가입/로그인은 FireBase
Firebase Authentication 통해 FireBase 백엔드로 처리됩니다. - 사용자는
Continue as Guest 선택하여 가입/로그인하지 않도록 선택할 수 있습니다.
홈 화면
- 사용자에게 상위 100 개의 cyptocurrencies (코인)를 표시합니다 (시가 총액으로 순위).
- 코인 카드를 클릭하면 앱을
CoinDetails 화면으로 탐색합니다. - 검색 표시 줄은 항상 맨 위에 있습니다. 클릭하면
Search 화면으로 이동합니다.
검색 화면
- 이 화면을 탐색 할 때 사용자는 상위 7 개의 트렌드 코인이 표시됩니다.
-
SearchBar 이름으로 동전을 검색하는 데 사용될 수 있습니다.
뉴스 화면
-
crypto 및 cryptocurrency 와 관련된 상위 100 개 최신 뉴스를 사용자에게 제공합니다. -
NewsCard 클릭하면 인앱 브라우저에서 링크가 별도의 창에서 링크를 시작합니다.
워치리스트 화면
- 사용자가 과거에 감시 목록/포트폴리오에 추가 한 모든 코인을 나열하십시오.
- 이 기능에 액세스하려면 사용자
must be logged in . - 코인 세부 사항 화면에 감시 목록 아이콘이 있습니다. 파수꾼에서 동전을 신속하게 추가/제거합니다.
오류 상태
- 검색 된 쿼리가 결과를 반환하지 않으면이를 나타내는 사용자에게 오류 메시지가 표시됩니다.
- 사용자의 워치리스트가 비어 있으면 사용자 에게이 케이스를 알리기위한 메시지가 제시됩니다.
- 게스트로 로그인 할 때 파견단에 코인을 추가하려고 할 때 오류 화면이 사용자에게 제공됩니다.
? Google Play 스토어 및 Apple App Store 링크
곧 올 것입니다!
