Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        

# Forex Exchange

**The project uses https://tradermade.com/ data.**


Forex Exchange








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
```