Skip to content

Crypto Price Monitoring App Leveraging React JS and CoinGecko API

Notifications You must be signed in to change notification settings

younglord088/TokenTrove

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TokenTrove

TokenTrove is a comprehensive web application for tracking and comparing cryptocurrency data. It leverages real-time data from the CoinGecko API and features interactive and customizable elements, including animations, custom themes, and charts.

Table of Contents

  1. Features
  2. Demo
  3. Installation
  4. License
  5. Contact

Features

General Features

  • Custom Styling: Utilizes Google Fonts, custom scroll bars, and custom selection styles.
  • Image Drag Prevention: Enhances user experience by preventing image dragging.
  • Custom Mouse Cursor: Implements two divs that follow the mouse with a delay to create a custom cursor effect.
  • SEO Optimization: The code is optimized for search engines.
  • Code Modularity: Organized for reusability and easy maintenance.
  • Netlify Hosting: The application is deployed on Netlify.

Landing Page

  • Animated Header: Uses Material-UI Drawer for navigation.
  • Text Hover Animation: Features text stroke animations on hover.
  • Entrance Animations: Implements Framer Motion for smooth transitions and animations.

Dashboard Page

  • Tab Navigation: Custom-themed Material-UI Tabs for easy navigation.
  • Data Fetching: Uses Axios to get real-time data from the CoinGecko API.
  • Number Formatting: Converts large numbers into readable formats (K, M, B) and adds commas.
  • Search Functionality: Allows filtering of cryptocurrency data.
  • Animated Grid/List: Provides animations for displaying data in grid or list format with a delay.
  • Pagination: Slices data according to the page number using Material-UI Pagination

How to Contribute

I welcome contributions from the community. To contribute:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/your-feature-name
  3. Commit your changes:
    git commit -m 'Add some feature'
  4. Push to the branch:
    git push origin feature/your-feature-name
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or suggestions, feel free to contact me:

About

Crypto Price Monitoring App Leveraging React JS and CoinGecko API

Resources

Stars

Watchers

Forks