https://github.com/hamidhosen42/react-route-tailwind-crypto-cafe
React Route Crypto Cafe
https://github.com/hamidhosen42/react-route-tailwind-crypto-cafe
html javascript json-api react-router reactjs tailwindcss
Last synced: 2 months ago
JSON representation
React Route Crypto Cafe
- Host: GitHub
- URL: https://github.com/hamidhosen42/react-route-tailwind-crypto-cafe
- Owner: hamidhosen42
- Created: 2022-04-03T11:34:25.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-04-03T11:35:33.000Z (about 3 years ago)
- Last Synced: 2024-12-31T19:16:51.932Z (4 months ago)
- Topics: html, javascript, json-api, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://react-routes-crypto-cafe.netlify.app/
- Size: 354 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crypto Cafe Project Requirements
Crypto Cafe is a React Web App powered by [COINGECKO](https://www.coingecko.com/en/api/documentation) cryptocurrency API. Visitors can browse through the top 50 Crypto Currencies. Visitors can see details of a coin by clicking on the coin card.
Starter Template: [https://github.com/shakilahmedatik/crypto-cafe-starter](https://github.com/shakilahmedatik/crypto-cafe-starter)
## Total Pages: 06
1. Homepage
2. Coins Page
3. Single Coin Details Page
4. Contact Page
5. About Page
6. 404 Not Found Page
## Tech Stack:
1. React [ Documentation>](https://reactjs.org/docs/getting-started.html)
2. Tailwind CSS [ Documentation>](https://tailwindcss.com/docs/installation)
3. React Router Dom [ Documentation>](https://reactrouter.com/docs/en/v6/getting-started/overview)
## Resources:
1. Get all coin API: https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=50&page=1&sparkline=false
2. Get details of a coin by ID api: https://api.coingecko.com/api/v3/coins/${id}
3. Demo Site: [https://crypto-cafe.netlify.app](https://crypto-cafe.netlify.app)
4. Requirement Doc: [https://docs.google.com/document/d/1lqqNGPWOwLkiHWxXZiUeQcckQ-H0U-Lv4p_dtvFkqz0/edit?usp=sharing](https://docs.google.com/document/d/1lqqNGPWOwLkiHWxXZiUeQcckQ-H0U-Lv4p_dtvFkqz0/edit?usp=sharing)