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.
- 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.
- 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.
-
Clone the repository:
git clone https://github.com/your-username/cryptomania.git
-
Navigate to the project folder:
cd cryptomania
-
Install dependencies:
npm install
-
Run the development server:
npm start
-
Open the app: The application will be running at
http://localhost:3000
by default.
- Open the homepage to view the Top 10 Cryptocurrencies by market capitalization.
- Use the search bar to find specific coins and view their price details and charts.
- Change the display currency using the currency dropdown menu.
- Click on any coin for detailed price changes and historical data.
- Add user authentication and personalized watchlists.
- Provide more detailed analytics for each cryptocurrency.
- Introduce a dark mode for better accessibility.
This project is licensed under the MIT License - see the LICENSE file for details.