Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mustafadalga/forex-exchange
Forex Exchance
https://github.com/mustafadalga/forex-exchange
composition-api css3 currency-converter currency-rates scss socket-io socket-programming vite vitejs vue vue3 vuejs
Last synced: 25 days ago
JSON representation
Forex Exchance
- Host: GitHub
- URL: https://github.com/mustafadalga/forex-exchange
- Owner: mustafadalga
- Created: 2022-10-22T17:33:18.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-10-26T07:06:28.000Z (over 2 years ago)
- Last Synced: 2024-11-17T13:21:49.931Z (3 months ago)
- Topics: composition-api, css3, currency-converter, currency-rates, scss, socket-io, socket-programming, vite, vitejs, vue, vue3, vuejs
- Language: Vue
- Homepage: https://forex-exchange-v1.netlify.app/
- Size: 73.2 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Forex Exchange
**The project uses https://tradermade.com/ data.**
![]()
Demo |
Used Technologies |
Notes |
Project Setup
## Demo
* [Project](https://forex-exchange-v1.netlify.app/)## Used Technologies
* Vue.js 3
* SCSS / CSS 3
* Vite.js
* Socket.io
* 3rd party libraries
* Highchart
* vue-select
* moment.js
* highcharts
* currency-symbol-map
* currency-flags## Notes
* Since the stock market is closed on the weekend, I am showing the data for Friday of that week.
* If the day a year ago was the weekend, I am showing the graph data of the Monday of the next week of that day.
* I show the previous day's data when the stock market is closed on weekdays. (market_open_status rest api)
* Timeseries rest API returns server error for pairs (SAR / USD) and (SAR / XPD). As a result, the graph cannot be rendered.
* There is a maximum of 1 year of graphic data.## Project Setup
* The following variables should be defined in an .env file.
**Environment Variables(.env)**
* [VITE_STREAMING_API_URL](https://tradermade.com/docs/streaming-data-api)
* [VITE_REST_API_URL](https://tradermade.com/docs/restful-api)
* VITE_STREAMING_API_KEY
* VITE_REST_API_KEY### Project Setup and Runs
```
npm install
npm run dev
```