Skip to content

A JavaScript-based cryptocurrency tracker that fetches real-time data from the Mobula API, allows users to add cryptocurrencies to a watchlist, and utilizes local storage. Built with Flowbite and Tailwind CSS for UI

Notifications You must be signed in to change notification settings

arimtiaz/crypto-x

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Cryptocurrency Tracker

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.

Features

  • 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.

Demo

Check out the live demo of the Cryptocurrency Tracker on GitHub Pages: Demo Link

Getting Started

Prerequisites

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

Installation

  1. 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.

Usage

  1. Open the application in your browser.
  2. Browse the list of cryptocurrencies and view their live prices.
  3. Click on the "Add to Watchlist" button to save your favorite cryptocurrencies.
  4. Your watchlist is automatically saved in your browser's local storage.

Customization

  • 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.

Built With

  • 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

Contributing

Contributions are welcome! Please follow these steps to contribute:

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

Acknowledgments

  • 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.

About

A JavaScript-based cryptocurrency tracker that fetches real-time data from the Mobula API, allows users to add cryptocurrencies to a watchlist, and utilizes local storage. Built with Flowbite and Tailwind CSS for UI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published