Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codebucks27/cryptobucks-a-crypto-screener-application

⭐Build Feature Rich Crypto Screener App with React JS and Tailwind CSS. This App is created with context API, react-router and Cryptocurrency APIs. If you want to learn to create this you can follow the tutorial link given in the Read me file.
https://github.com/codebucks27/cryptobucks-a-crypto-screener-application

context-api crypto-screener cryptocurrency dashboard intl react react-hooks react-router react-router-dom reactjs recharts tailwind-css tailwindcss website-development

Last synced: 5 days ago
JSON representation

⭐Build Feature Rich Crypto Screener App with React JS and Tailwind CSS. This App is created with context API, react-router and Cryptocurrency APIs. If you want to learn to create this you can follow the tutorial link given in the Read me file.

Awesome Lists containing this project

README

        

# React Website Tutorial: ⭐Build Feature Rich Crypto Screener App with Tailwind CSS

![GitHub stars](https://img.shields.io/github/stars/codebucks27/CryptoBucks-A-crypto-screener-application?style=social&logo=ApacheSpark&label=Stars)  
![GitHub forks](https://img.shields.io/github/forks/codebucks27/CryptoBucks-A-crypto-screener-application?style=social&logo=KashFlow&maxAge=3600)  
![Github Followers](https://img.shields.io/github/followers/codebucks27.svg?style=social&label=Follow)  

This repository contains starter code for Crypto Screener Application in ReactJS.

For Demo and Final Code checkout following link👇:

[Crypto Screener Application in ReactJS](https://devdreaming.com/videos/build-crypto-screener-app-with-react-tailwind-css)

If you want to learn how to create it please follow below tutorial👇:

https://youtu.be/JPlVb3t6kx8

[![YouTube Video Views](https://img.shields.io/youtube/views/JPlVb3t6kx8?style=social)](https://youtu.be/cT160dOzpGY)

### Images of The Crypto Screener Website:

![Crypto](https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application/blob/main/Website-Images/Crypto.png)
![Crypto-CryptoDetails](https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application/blob/main/Website-Images/Crypto-CryptoDetails.png)
![Trending](https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application/blob/main/Website-Images/Trending.png)
![Saved](https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application/blob/main/Website-Images/Saved.png)
![Trending-Mobile](https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application/blob/main/Website-Images/Trending-Mobile.png)
![Crypto-CryptoDetails-Mobile](https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application/blob/main/Website-Images/Crypto-CryptoDetails-Mobile.png)
![Crypto-Mobile](https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application/blob/main/Website-Images/Crypto-Mobile.png)

### Resources Used in This Project

- Fonts from https://fonts.google.com/

- Icons from https://iconify.design/

- API from https://www.coingecko.com/en/api

### External Libraries used in this project:

- [Tailwind css](https://tailwindcss.com/)

- [recharts](https://recharts.org/en-US/)