Skip to content

Cryptomania is a web application built with React JS and TailwindCSS, offering real-time cryptocurrency data with a sleek, user-friendly interface.

Notifications You must be signed in to change notification settings

prithvikings/CryptoMania

Repository files navigation

Cryptomania 💰🚀

Cryptomania is a cryptocurrency tracking web application that provides real-time crypto prices, market data, and detailed charts. It allows users to search for any cryptocurrency and view the top 10 coins by market capitalization on the homepage. The application is built using modern technologies such as React JS and TailwindCSS to ensure a seamless user experience.


Features

  • Real-time Crypto Prices: Get the latest prices for a wide range of cryptocurrencies, updated in real time.
  • Price Charts: View historical price trends with interactive charts.
  • Crypto Search: Easily search and find information about any cryptocurrency.
  • Top 10 by Market Cap: See the top 10 cryptocurrencies ranked by market capitalization.
  • Currency Conversion: Change the display currency to see prices in your preferred currency.

Technologies Used

  • React JS: Frontend framework for building the user interface.
  • TailwindCSS: Utility-first CSS framework for designing responsive and modern UI.
  • CoinGecko API: Used to fetch real-time cryptocurrency data.
  • Chart.js: For rendering beautiful and responsive charts.
  • React Router: To handle navigation between different pages.

Installation and Setup

  1. Clone the repository:

    git clone https://github.com/your-username/cryptomania.git
  2. Navigate to the project folder:

    cd cryptomania
  3. Install dependencies:

    npm install
  4. Run the development server:

    npm start
  5. Open the app: The application will be running at http://localhost:3000 by default.


How to Use

  1. Open the homepage to view the Top 10 Cryptocurrencies by market capitalization.
  2. Use the search bar to find specific coins and view their price details and charts.
  3. Change the display currency using the currency dropdown menu.
  4. Click on any coin for detailed price changes and historical data.

Future Improvements

  • Add user authentication and personalized watchlists.
  • Provide more detailed analytics for each cryptocurrency.
  • Introduce a dark mode for better accessibility.

License

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

About

Cryptomania is a web application built with React JS and TailwindCSS, offering real-time cryptocurrency data with a sleek, user-friendly interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published