Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kamal9494/koinx-task
fronted react task
https://github.com/kamal9494/koinx-task
react-router-dom reactjs tailwindcss
Last synced: 7 days ago
JSON representation
fronted react task
- Host: GitHub
- URL: https://github.com/kamal9494/koinx-task
- Owner: kamal9494
- Created: 2024-03-06T22:17:17.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-03-07T08:45:30.000Z (8 months ago)
- Last Synced: 2024-03-08T00:37:32.413Z (8 months ago)
- Topics: react-router-dom, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://task-koinx.vercel.app/bitcoin
- Size: 271 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# KoinX Frontend Task
## Tech
- React.js
- Tailwind CSS
- React Router DOM v6
## Demo URL
URL Format : `https://task-koinx.vercel.app/[coinname]`
URL: https://task-koinx.vercel.app/bitcoin (ctrl + click)
## Overview and Features
- Implemented all components as shown in the Figma design.
- Implemented API calls for the following data:
1. Price `/simple/price`
2. Trending `/search/trending`
3. Coins `/coins/{id}`
- Created a responsive design to ensure compatibility across various devices.
- Implemented Optional Tasks:
- Users can dynamically change the coin name in the URL to view data and charts for different coins.
- Example URL: `https://task-koinx.vercel.app/[coinname]`
- Replace `[coinname]` with the name of the coin you want to view like:
1. `bitcoin` for Bitcoin
2. `ethereum` for Ethereum
3. `ripple` for Ripple
- Implemented Error handling, for example if user enter `[coinname]` as something that is not crypto coin then a message will be displayed.
- Implemented functional breadcrumb navigation.
- Deployed in vercel.
- Note : I used FREE API Service from CoinGecko which has a `Rate Limit of 30 calls PER minute`.
## Preview
