https://github.com/buzzcosm/just4fun-crypto-dashboard-react
Just-4-Fun Section: Crypto Dashboard in React and Node.js
https://github.com/buzzcosm/just4fun-crypto-dashboard-react
axios express hooks nodejs react
Last synced: 2 months ago
JSON representation
Just-4-Fun Section: Crypto Dashboard in React and Node.js
- Host: GitHub
- URL: https://github.com/buzzcosm/just4fun-crypto-dashboard-react
- Owner: buzzcosm
- Created: 2024-11-07T03:47:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-07T10:38:40.000Z (over 1 year ago)
- Last Synced: 2025-01-23T14:38:34.273Z (over 1 year ago)
- Topics: axios, express, hooks, nodejs, react
- Language: JavaScript
- Homepage:
- Size: 241 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crypto Dashboard in React and Nodejs
### Reference tutorial
- [YouTube - API Project! Build a Crypto Dashboard](https://www.youtube.com/watch?v=_itMdiSc0KI) 👉 [Code with Ania Kubów](https://www.youtube.com/@aniakubow) ❤️
Original Repo: [crypto-dashboard-react](https://github.com/kubowania/crypto-dashboard-react)
### Used [Rapid API](https://rapidapi.com/)
- [CURRENCY_EXCHANGE_RATE API](https://rapidapi.com/alphavantage/api/alpha-vantage)
- [Crypto News API](https://rapidapi.com/dbh133/api/crypto-news-live9)
---
> [!NOTE]
> This software application is not intended for production use and is solely for educational purposes.
## Prerequisite
- `Node.js` is installed ⚡
- Prefered Code-Editor/IDE is installed (For example: `vscode`) ✍
- Terminal is ready 😎
- Subscribe used Rapid APIs
- Clone [.env.example](./express-api-server/.env.example) to `.env` and add `your_parid_api_key`
## Process
### Install npm packages ⬇
```shell
npm install
```
### Run application 🏎️💨
```shell
npm run watch
```
Open http://localhost:3000 to view it in the browser.
### Clean artifacts 🧹🪣
> [!TIP]
> Keep your things clean!
Remove all `node_modules` and `public` folder.
```shell
npm run clean
```
## Useful references
- [Rapid API - Developer Experts](https://rapidapi.com/developers)
- [axios docu (Node.js)](https://axios-http.com/docs/intro)
- [dotenv quickstart](https://www.dotenv.org/docs/quickstart)
- [npm dotenv](https://www.npmjs.com/package/dotenv)
- [React - Reusing Logic with Custom Hooks](https://react.dev/learn/reusing-logic-with-custom-hooks)