Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/furkan-dogu/crypto-coin-app
This application is a React-based web app that fetches live data for cryptocurrencies and allows users to view details of the cryptocurrency they choose.
https://github.com/furkan-dogu/crypto-coin-app
axios bootstrap coinranking-api react react-bootstrap react-icons sweetalert2
Last synced: about 6 hours ago
JSON representation
This application is a React-based web app that fetches live data for cryptocurrencies and allows users to view details of the cryptocurrency they choose.
- Host: GitHub
- URL: https://github.com/furkan-dogu/crypto-coin-app
- Owner: furkan-dogu
- Created: 2024-03-08T16:48:44.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-09T12:11:25.000Z (9 months ago)
- Last Synced: 2024-03-09T18:43:10.012Z (9 months ago)
- Topics: axios, bootstrap, coinranking-api, react, react-bootstrap, react-icons, sweetalert2
- Language: JavaScript
- Homepage: https://crypto-coin-app-three.vercel.app
- Size: 2.87 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crypto Coin App
## About the Project
This application is a React-based web app that fetches live data for cryptocurrencies and allows users to view details of the cryptocurrency they choose.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Project Skeleton](#project-skeleton)
- [Screenshots](#screenshots)
## Live Demo
[Crypto Coin App](https://crypto-coin-app-three.vercel.app/)
## Features
- Users can search for cryptocurrencies through a search box and view their details.
- Details such as ranking, symbol, price, percentage change, etc., of each cryptocurrency are displayed in a table.
- When users select a cryptocurrency, more information can be viewed in a modal window.
- Designed with a user-friendly interface.
## Technologies Used
- React
- Axios for API requests
- [Sweetalert2](https://sweetalert2.github.io/) for alert
- [Coinranking API](https://api.coinranking.com/v2/coins/) for products data
- Icons from [React Icons](https://react-icons.github.io/react-icons/)
- Styling with [Bootstrap](https://getbootstrap.com/), [React-Bootstrap](https://react-bootstrap.netlify.app/) and CSS
## Project Skeleton
```
Crypto Coin App (folder)
|
|----readme.md
SOLUTION
├── public
│ └── index.html
├── src
│ ├── assets
│ │ └── [images]
│ ├── components
│ │ ├── Modal.jsx
│ │ ├── Search.jsx
│ │ └── Table.jsx
│ ├── pages
│ │ └── Home.jsx
│ ├── App.js
│ ├── index.css
│ └── index.js
├── package.json
└── yarn.lock
```
## Screenshots
## Compatibility
The project is compatible with both wide-screen computers and mobile devices.