Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kodervine/norecoin
This project lets users view cryptocurrency prices in real-time
https://github.com/kodervine/norecoin
Last synced: about 7 hours ago
JSON representation
This project lets users view cryptocurrency prices in real-time
- Host: GitHub
- URL: https://github.com/kodervine/norecoin
- Owner: kodervine
- Created: 2024-10-29T21:37:52.000Z (21 days ago)
- Default Branch: main
- Last Pushed: 2024-10-31T20:52:47.000Z (19 days ago)
- Last Synced: 2024-10-31T21:26:57.810Z (19 days ago)
- Language: TypeScript
- Homepage: https://norecoin.vercel.app
- Size: 104 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Norecoin
This project lets users view cryptocurrency prices in real-time using the CoinLore API. It fetches coin prices and displays them in a paginated table format. Each page shows ten (10) items to make it easy for users to see the data clearly.
## Features
- **Cryptocurrency Prices**: Pulls live coin prices from the CoinLore API.
- **Paginated Table**: Shows the data in a table format with pagination, displaying ten items per page.
## Getting Started
### Installation
1. **Clone the repository:**
```bash
git clone [email protected]:kodervine/norecoin.git
cd main
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the application**:
```bash
npm run dev
```
4. Open your browser and go to `http://localhost:5173` to view the app.
## Usage
1. **Fetching Data**:
- The app uses the `tickers/` endpoint from the CoinLore API to fetch cryptocurrency data.
- It utilizes dynamic query params `tickers/?start=0&limit=10` for the pagination
2. **Displaying Data**:
- The app shows the data in a table with columns for coin name, symbol, price.
- Each page will show exactly ten (10) items.
3. **Navigating with Pagination**:
- The pagination controls below the table allows you to switch between pages.
- There is an input that allows users to jump between pages
## Built With
- **Typescript and React**: Used for the main functionality of the app.
- **CoinLore API**: For cryptocurrency data.
- **Tailwind Css**: For styling.
- **Redux toolkit**: Set up for state management for feature expansion