Cryptometer

Cryptometer is a web application being developed to provide a web service that checks the current value of a bitcoin if I had bought it at a specific point in the past.

Deploy Link

The application can be accessed at https://cryptometer.netlify.app/.

Project Structure

0-crypto-meter-team-leaders
├─ .eslintrc.cjs
├─ LICENSE.md
├─ README.md
├─ index.html
├─ jsconfig.json
├─ package-lock.json
├─ package.json
├─ public
│  ├─ favicon.svg
│  ├─ logo.svg
│  ├─ robots.txt
│  └─ sitemap.xml
├─ src
│  ├─ App.jsx
│  ├─ api
│  │  ├─ getCoins.jsx
│  │  └─ index.jsx
│  ├─ assets /
│  ├─ components
│  │  ├─ CoinDetails
│  │  │  ├─ CategoryButtonChip.jsx
│  │  │  ├─ CategoryButtonChipContainer.jsx
│  │  │  ├─ CoinChart.jsx
│  │  │  ├─ CoinScenarioResult.jsx
│  │  │  ├─ KakaoShareButton.jsx
│  │  │  └─ index.jsx
│  │  ├─ CoinScenarioForm
│  │  │  ├─ AddPriceButton.jsx
│  │  │  ├─ BottomSheet.jsx
│  │  │  ├─ BuyPriceInput.jsx
│  │  │  ├─ CoinTypeDropDown.jsx
│  │  │  ├─ DateInput.jsx
│  │  │  ├─ ScenarioDescription.jsx
│  │  │  ├─ ScenarioForm.jsx
│  │  │  ├─ coinScenarioInputStyle.jsx
│  │  │  └─ index.jsx
│  │  ├─ CryptoMarketCap
│  │  │  ├─ CryptoMarketCapList.jsx
│  │  │  ├─ PaginationButtons.jsx
│  │  │  ├─ PriceChangeChip.jsx
│  │  │  └─ index.jsx
│  │  ├─ GlobalStyle.jsx
│  │  ├─ Gnb
│  │  │  ├─ RecalculateButton.jsx
│  │  │  ├─ SearchHistoryButton.jsx
│  │  │  ├─ SearchHistoryPopup.jsx
│  │  │  ├─ SelectCurrencyButton.jsx
│  │  │  ├─ SelectCurrencyPopup.jsx
│  │  │  ├─ index.jsx
│  │  │  └─ navButtonStyle.jsx
│  │  ├─ HomePageLayout.jsx
│  │  └─ MainContainer.jsx
│  ├─ hooks
│  │  ├─ useAtomStorageSync.jsx
│  │  ├─ useCoinCurrentData.jsx
│  │  ├─ useCoinsMarkets.jsx
│  │  ├─ useCurrencyConverter.jsx
│  │  ├─ useExchangeRate.jsx
│  │  ├─ useFormatPriceToSign.jsx
│  │  ├─ useFormattedPrice.jsx
│  │  ├─ useInitialTerm.jsx
│  │  ├─ useKakaoShare.jsx
│  │  └─ useResponsiveView.jsx
│  ├─ main.jsx
│  ├─ pages
│  │  └─ HomePage.jsx
│  ├─ recoils
│  │  ├─ exchangeRate
│  │  │  ├─ exchangeRateAtom.jsx
│  │  │  ├─ exchangeRateReverseSelector.jsx
│  │  │  └─ exchangeRateSelector.jsx
│  │  ├─ localeCurrency
│  │  │  ├─ localeCurrencyAtom.jsx
│  │  │  └─ localeCurrencySelector.jsx
│  │  ├─ scenarioData
│  │  │  └─ scenarioDataAtom.jsx
│  │  ├─ scenarioInputData
│  │  │  └─ scenarioInputDataAtom.jsx
│  │  └─ searchHistory
│  │     └─ searchHistoryAtom.jsx
│  └─ utils
│     ├─ calculatePriceDiff.jsx
│     ├─ constants.jsx
│     ├─ formatPrice.jsx
│     ├─ getCurrentDate.jsx
│     └─ parseMarketCapData.jsx
└─ vite.config.js

• public/: This folder is for storing static files.
• src/: This folder is for storing source code.
• src/api/: This folder is for storing fetch api files.
• src/assets/: This folder is for storing static asset files.
• src/components/: This folder is for storing react components including style components.
• src/pages/: This folder is for storing custom hook components.
• src/recoils/: This folder is for recoil atoms and selectors.
• src/utils/: This folder is for storing utility functions and constants.

License

This project is licensed under the MIT License. See the LICENSE.md file for details.