Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/paalamugan/cryptocurrency-bitcoin-price-chart
Cryptocurrency Bitcoin Price Chart was developed using React, Typescript, coingecko-api, react-chartjs-2, chart.js and tailwindcss.
https://github.com/paalamugan/cryptocurrency-bitcoin-price-chart
chartjs coingecko coingecko-api eslint prettier react react-chartjs-2 tailwindcss typescript vite vitest
Last synced: 22 days ago
JSON representation
Cryptocurrency Bitcoin Price Chart was developed using React, Typescript, coingecko-api, react-chartjs-2, chart.js and tailwindcss.
- Host: GitHub
- URL: https://github.com/paalamugan/cryptocurrency-bitcoin-price-chart
- Owner: paalamugan
- Created: 2022-11-21T15:17:40.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-25T11:12:44.000Z (about 2 years ago)
- Last Synced: 2024-11-19T10:42:43.386Z (3 months ago)
- Topics: chartjs, coingecko, coingecko-api, eslint, prettier, react, react-chartjs-2, tailwindcss, typescript, vite, vitest
- Language: TypeScript
- Homepage: https://cryptocurrency-bitcoin.netlify.app
- Size: 119 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cryptocurrency Bitcoin Price Chart with Vite
Cryptocurrency Bitcoin Price Chart was developed using Vite, React, Typescript, react-chartjs-2, chart.js, vitest and tailwindcss.
![image](https://user-images.githubusercontent.com/42642576/203091742-5809a3ae-ceaf-44e9-a1fc-e6579ad6814d.png)
## What is inside?
This project uses many tools like:
- [ReactJS](https://reactjs.org)
- [TypeScript](https://www.typescriptlang.org)
- [Vite](https://vitejs.dev)
- [Vitest](https://vitest.dev)
- [Testing Library](https://testing-library.com)
- [Tailwindcss](https://tailwindcss.com)
- [Eslint](https://eslint.org)
- [Eslint Airbnb](https://github.com/airbnb/javascript)
- [Prettier](https://prettier.io)## Getting Started
### Install
Create the project.
```bash
npx degit paalamugan/cryptocurrency-bitcoin-price-chart my-project-name
```Access the project directory.
```bash
cd my-project-name
```Install dependencies.
```bash
yarn install
```Serve with hot reload at .
```bash
yarn dev
```### Lint
```bash
yarn lint
```### TypeCheck
```bash
yarn type-check
```### Build
```bash
yarn build
```### Test
```bash
yarn test
```## References
- https://markus.oberlehner.net/blog/using-testing-library-jest-dom-with-vitest/
- https://testing-library.com/docs/queries/about#priority
- https://kentcdodds.com/blog/common-mistakes-with-react-testing-library