Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mhdez221993/crypto_tracker

This is a Vue project designed to track crypto coin prices. You can see the prices in the Bar chart or table mode. Also, you can interact with the table, which is multicolumn sorting or preferer to find a specific price or date, you can filter by custom input.
https://github.com/mhdez221993/crypto_tracker

crypto-tracker css vuejs vuetify

Last synced: 1 day ago
JSON representation

This is a Vue project designed to track crypto coin prices. You can see the prices in the Bar chart or table mode. Also, you can interact with the table, which is multicolumn sorting or preferer to find a specific price or date, you can filter by custom input.

Awesome Lists containing this project

README

        

# Crypto Price Tracker

This is a Vue project designed to track crypto coin prices. You can see the prices in the Bar chart or table mode.
Also, you can interact with the table, which is multicolumn sorting or preferer to find a
specific price or date, you can filter by custom input.

[Go Live](https://wonderful-fenglisu-f68b01.netlify.app/)

## Chart view

![table_view](https://user-images.githubusercontent.com/67757001/167733702-5ac07744-b808-47c9-9714-214c31a26f02.PNG)

## Table view

![chart_view](https://user-images.githubusercontent.com/67757001/167734922-6c23bbb0-e0e6-413b-a4ce-ee2b902c83dc.PNG)

## Built With

- Vue
- Vuetify
- JavaScript
- CSS

## Getting Started

To get a local copy up and running follow these simple example steps.

Run in your terminal `git clone [email protected]:Mhdez221993/restcountries.git`

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Lints and fixes files

```
npm run lint
```

### Test

```
npm run test:unit
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## Helpful links

- [Vuetify](https://vuetifyjs.com/en/getting-started/installation/#vue-cli-install)
- [Vue CLI](https://cli.vuejs.org/guide/installation.html)
- [Vuetify Application](https://vuetifyjs.com/en/components/application/#application-components)
- [Vuetify Top Navbar](https://codesandbox.io/s/oj6vz06z86?file=/src/App.vue)
- [Vue Testing Handbook](https://lmiller1990.github.io/vue-testing-handbook/vue-router.html#strategies-for-testing-router-hooks)
- [Vue Test Utils](https://v1.test-utils.vuejs.org/guides/#using-with-typescript)
- [rapidapi](https://rapidapi.com/hub)
- [dark-mode](https://vuetifyjs.com/en/features/theme/#theme-generator)
- [Unknown custom element: ](https://stackoverflow.com/questions/68021890/unknown-custom-element-v-btn-after-installing-vuetify)
- [Testing Vue Component with Mocha and Chai](https://webomnizz.com/testing-vue-component-with-mocha-and-chai/)
- [vue-chartjs](https://vue-chartjs.org/examples/#vue-3-charts)
- [vue-draggable]
- [Grid system](https://vuetifyjs.com/en/components/grids/)

## Authors

👤 **Moises Hernandez**

- GitHub: [@Mhdez221993](https://github.com/Mhdez221993)
- Twitter: [@MoisesH42060050](https://twitter.com/MoisesH42060050)
- LinkedIn: [Moises Hernandez Coronado](https://www.linkedin.com/in/moises-hernandez-9bbb17145/)

## Contributing

Contributions, issues, and feature requests are welcome!

[issues page](https://github.com/Mhdez221993/restcountries/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- To the [Northern Gas and Power](https://www.ngpltd.co.uk/) for providing the test project