A simple and intuitive cryptocurrency tracker built using JavaScript. This application fetches data from the Mobula API to display live cryptocurrency prices and allows users to add cryptocurrencies to a watchlist. The UI is designed using Flowbite and Tailwind CSS.
- Live Cryptocurrency Prices: Fetches and displays real-time cryptocurrency data from the Mobula API.
- Watchlist Functionality: Allows users to add their favorite cryptocurrencies to a personalized watchlist.
- Local Storage Support: Saves the watchlist data locally in the browser's local storage, so users don't lose their selections when they refresh or revisit the page.
Check out the live demo of the Cryptocurrency Tracker on GitHub Pages: Demo Link
To run this project locally, you need to have:
- A modern web browser (e.g., Chrome, Firefox, Edge, Safari)
- Internet connection to fetch data from the Mobula API
-
Clone the repository:
git clone https://github.com/arimtiaz/crypto-x cd crypto-x
or simply double-click on index.html
to open it in your default browser.
- Open the application in your browser.
- Browse the list of cryptocurrencies and view their live prices.
- Click on the "Add to Watchlist" button to save your favorite cryptocurrencies.
- Your watchlist is automatically saved in your browser's local storage.
- API Key: If needed, update the Mobula API endpoint and key in the JavaScript file (
index.js
or similar). - Styling: Customize the UI by editing the Tailwind CSS classes in the HTML files.
- JavaScript - The main programming language used
- Mobula API - API used for fetching live cryptocurrency data
- Flowbite - Component library used for the UI elements
- Tailwind CSS - Utility-first CSS framework used for styling
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeature
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature/YourFeature
). - Open a pull request.
- Thanks to the developers of the Mobula API for providing the cryptocurrency data.
- Shout out to the teams behind Flowbite and Tailwind CSS for their amazing tools.