Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/atenazr/diamond
- Owner: atenazr
- Created: 2022-06-04T08:34:10.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-06-08T16:39:54.000Z (over 2 years ago)
- Last Synced: 2024-11-07T03:07:28.923Z (about 2 months ago)
- Topics: bootstrap, css3, firebase, html5, metal-api, sass, vite, vue-tradingview, vuejs, vuex
- Language: SCSS
- Homepage:
- Size: 47.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)