Skip to content

Latest commit

 

History

History
90 lines (56 loc) · 2.8 KB

README.md

File metadata and controls

90 lines (56 loc) · 2.8 KB
Raw

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

    git clone https://github.com/abhishekgurjar-in/Crypto-Finder
cd crypto-finder

  2. Install Dependencies

    npm install

  3. Start the Development Server

    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.

Screenshots

Screenshot 2024-09-13 100113

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

Author

Abhishek Gurjar is a dedicated web developer passionate about creating practical and functional web applications. Check out more of his projects on GitHub.