Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abhishekgurjar-in/crypto-finder
Cryptocurrencies are all the rage these days, and with the plethora of coins available, it’s essential to have a tool to easily search and view details about them. The Crypto Finder app does just that. Built with React.
https://github.com/abhishekgurjar-in/crypto-finder
api crypto-finder css javascript jsx react web-development
Last synced: 3 months ago
JSON representation
Cryptocurrencies are all the rage these days, and with the plethora of coins available, it’s essential to have a tool to easily search and view details about them. The Crypto Finder app does just that. Built with React.
- Host: GitHub
- URL: https://github.com/abhishekgurjar-in/crypto-finder
- Owner: abhishekgurjar-in
- Created: 2024-09-13T04:19:52.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-13T05:50:03.000Z (4 months ago)
- Last Synced: 2024-10-11T19:42:45.784Z (3 months ago)
- Topics: api, crypto-finder, css, javascript, jsx, react, web-development
- Language: JavaScript
- Homepage: https://crypto-finder-in.netlify.app/
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crypto Finder Website
## Introduction
Cryptocurrencies are all the rage these days, and with the plethora of coins available, it’s essential to have a tool to easily search and view details about them. The **Crypto Finder** app does just that. Built with React, this app provides a seamless experience for users to search, filter, and view cryptocurrency details.
## Project Overview
The Crypto Finder app consists of:
- **A Search Interface**: Users can search for cryptocurrencies by name.
- **A List of Cryptocurrencies**: Displayed as cards, showing basic information.
- **Detailed View**: Clicking on a cryptocurrency card shows more detailed information about that coin.
## Features
- **Search Functionality**: Filter cryptocurrencies by name.
- **Dynamic Routing**: View detailed information of a selected cryptocurrency.
- **Responsive Design**: Ensures the app looks good on different screen sizes.
- **Loading Indicators**: Show a loader while data is being fetched.
## Technologies Used
- **React**: For building the user interface.
- **Axios**: For making HTTP requests.
- **React Router**: For routing and navigation.
- **CoinGecko API**: For fetching cryptocurrency data.
## Project Structure
Here’s a quick overview of the project structure:
- `src/`
- `components/`
- `CryptoFinder.js`
- `CryptoDetails.js`
- `Navbar.js`
- `Footer.js`
- `App.js`
- `App.css`
## Installation
To get started with the Crypto Finder app, follow these steps:
1. **Clone the Repository**
```bash
git clone https://github.com/abhishekgurjar-in/Crypto-Finder
cd crypto-finder
```
2. **Install Dependencies**
```bash
npm install
```
3. **Start the Development Server**
```bash
npm start
```
4. Open your browser and navigate to `http://localhost:3000` to see the app in action.
## Live Demo
You can view the live demo of the Crypto Finder app [here](https://crypto-finder-in.netlify.app).
## Screenshots
## Conclusion
Building the Crypto Finder app was a fun and educational experience. It demonstrates how to use React for fetching and displaying data, handling routing, and creating a responsive and user-friendly interface. I hope you find this project helpful and that it inspires you to create your own applications with React!
## Credits
- **React Documentation**: [React Docs](https://reactjs.org/docs/getting-started.html)
- **CoinGecko API**: [CoinGecko](https://coingecko.com)
- **Axios Documentation**: [Axios Docs](https://axios-http.com/docs/intro)
## Author
**Abhishek Gurjar** is a dedicated web developer passionate about creating practical and functional web applications. Check out more of his projects on [GitHub](https://github.com/abhishekgurjar-in).