Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/atenazr/diamond

show latest metal prices
https://github.com/atenazr/diamond

bootstrap css3 firebase html5 metal-api sass vite vue-tradingview vuejs vuex

Last synced: 8 days ago
JSON representation

show latest metal prices

Awesome Lists containing this project

README

        

# Diamond

this is a test project that using [metal-api](https://metals-api.com/) show prices of some precious metal.
also for viewing some pages you have to authenticate and login that is implemented by [firebase](https://firebase.google.com/) .
the 'trading' page is developed by amazing widgets of [vue-tradingview](https://www.tradingview.com/widget/)

you can see [demo](https://github.com/atenazr/diamond/tree/main/demo) or at ./demo-golden-price.mp4

#vue3 #vite #vuex #vue-router #sass #bootstrap #vue-tradingview

## project setup

for runing this in your own machine, you must do following steps:

1- clone the repository.

2- in 'src/store/modules/prices/actions.js' , replace api_key of your metal-api's account.

3- in 'src/store/modules/auth/actions.js' , replace web_key of your firebase's account.

then in root path project , run this commonds

```
npm install
```

```
npm run dev
```

### contact
if you have suggestion for improving this,It's my pleasure to receive your emails.

have a good time :)

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)