sssfearmot/coingecko

🤑 CoinGecko website clone coding based on React // React 기반의 CoinGecko 웹사이트 클론 코딩

ReactJS 및 Firebase로 구축한 CoinGecko Clone

기능

• Firebase 데이터베이스를 사용하여 회원 가입/로그인 기능
• CoinGecko API를 사용하여 가장 인기 있는 암호 화폐와 트렌드 통화
• CoinGecko API를 사용
• 특정 코인을 선택하여 관심 목록에 추가
• 각 코인의 정보/가격/변경 사항이 있는 지정된 페이지
• 다크 모드 / 라이트 모드

반응형 웹사이트(Tailwind 사용)
hambuger menu CSS를 이용한 모바일 웹사이트

사용된 기술

• ReactJS
• Tailwind
• Firebase
• Axios
• Sparklines Chart
• HTML
• CSS

업데이트

v1.0

• 웹페이지 배포

v2.0

• 관심 목록 클릭시 로그인 알림창 추가
• 가독성을 위해 .js -> .jsx 변경
• CSS 파일 축소를 위해 Tailwind 변경

v3.0

• 코인 페이지에 로딩 바 추가
• 페이지의 암호 화폐 수 증가 (20 -> 100)

v4.0

• Pagination 사용하여 페이징 추가
• 한 페이지 당 20개 출력

---

Demo : https://sssfearmot.github.io/coingecko/