https://github.com/kodervine/ratesreader

The currency data visualization dashboard provides real-time exchange rates, historical price data, news updates, currency converter multiple currencies, displayed through intuitive visualizations
https://github.com/kodervine/ratesreader

react tailwindcss tremor-ui typescript vite

Last synced: 3 months ago
JSON representation

The currency data visualization dashboard provides real-time exchange rates, historical price data, news updates, currency converter multiple currencies, displayed through intuitive visualizations

• Host: GitHub
• URL: https://github.com/kodervine/ratesreader
• Owner: kodervine
• Created: 2023-02-04T11:57:51.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-02T18:08:02.000Z (almost 2 years ago)
• Last Synced: 2025-01-20T07:46:04.001Z (5 months ago)
• Topics: react, tailwindcss, tremor-ui, typescript, vite
• Language: TypeScript
• Homepage: ratesreader.brimble.app
• Size: 4.67 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# In progress...

Demo - https://ratesreader.brimble.app

## ratesreader

This tool provides real-time exchange rates, historical price data, and news updates for multiple currencies, displayed through intuitive visualizations

## About The Project

The currency data visualization dashboard is a tool that helps users stay updated on the latest currency exchange rates and market news. The dashboard displays real-time exchange rates for different currencies, along with historical price data and news updates. Users can also convert one currency to another using the latest exchange rate. The data is visualized in an intuitive and user-friendly way, using charts and graphs to show trends and patterns in the data.

### Built With

- React + Vite

- Tailwind css

- Typescript

- React Hooks

- [Tremor.so](https://www.tremor.so/) for data visualization

- [Exchange Rates Data API](https://apilayer.com/marketplace/exchangerates_data-api)

### Learned to use

- Github Actions for CI/CD

## Current Features

- Real-time currency exchange rates: The dashboard will display the current exchange rates for different currencies in real-time.

  ![Historical Exchange rates](src/assets/ratesReaderMobile.png)

- Currency conversion: Able to convert one currency to another, using the latest exchange rate from exchange rates api.

- News updates related to the foreign exchange market with news api.

  ![News page](src/assets/newspage.jpg)

- Data visualization: The data is displayed an intuitive and user-friendly way, such as using charts to show trends and patterns in the data.

  ![Bar chart displaying exchange rates](src/assets/ratesReaderDesktop.png)