Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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