{"id":22445567,"url":"https://github.com/ajay-dhangar/crypto-price-tracker","last_synced_at":"2026-05-06T08:35:36.944Z","repository":{"id":264957381,"uuid":"865335918","full_name":"ajay-dhangar/crypto-price-tracker","owner":"ajay-dhangar","description":"A modern, fully responsive web app to track cryptocurrency prices in real-time. ","archived":false,"fork":false,"pushed_at":"2024-09-30T11:25:32.000Z","size":80,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-19T06:51:44.326Z","etag":null,"topics":["crypto","crypto-api","crypto-price-tracker","crypto-price-tracker-2024","crypto-prices","crypto-prices-api","javascript","javascript-project"],"latest_commit_sha":null,"homepage":"https://ajay-dhangar.github.io/crypto-price-tracker/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ajay-dhangar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"Ajay-Dhangar","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2024-09-30T11:15:46.000Z","updated_at":"2024-10-18T10:17:40.000Z","dependencies_parsed_at":"2024-11-27T00:57:01.154Z","dependency_job_id":null,"html_url":"https://github.com/ajay-dhangar/crypto-price-tracker","commit_stats":null,"previous_names":["ajay-dhangar/crypto-price-tracker"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fcrypto-price-tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fcrypto-price-tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fcrypto-price-tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fcrypto-price-tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajay-dhangar","download_url":"https://codeload.github.com/ajay-dhangar/crypto-price-tracker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245832680,"owners_count":20679701,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["crypto","crypto-api","crypto-price-tracker","crypto-price-tracker-2024","crypto-prices","crypto-prices-api","javascript","javascript-project"],"created_at":"2024-12-06T03:15:46.977Z","updated_at":"2026-05-06T08:35:31.885Z","avatar_url":"https://github.com/ajay-dhangar.png","language":"CSS","funding_links":["https://github.com/sponsors/Ajay-Dhangar"],"categories":[],"sub_categories":[],"readme":"# Crypto Price Tracker\n\nA modern, fully responsive web app to track cryptocurrency prices in real-time. This app provides a clean and dynamic user interface, powered by HTML, CSS, and JavaScript. It fetches live crypto data from an external API and displays it in a table that adapts to different screen sizes, ensuring accessibility on all devices.\n\n## Features\n\n- **Real-time Crypto Data**: Live updates of cryptocurrency prices, including name, symbol, current price, and percentage change in the last 24 hours.\n- **Search Functionality**: Easily search for specific cryptocurrencies.\n- **Responsive Design**: Fully responsive layout for both mobile and desktop devices.\n- **Dark Mode**: Toggle between light and dark mode for a visually comfortable experience.\n- **Table Sorting**: Sort cryptocurrencies by rank, name, or price.\n\n## Tech Stack\n\n- **Frontend**: HTML, CSS, JavaScript\n- **API**: Fetches data from the [CoinGecko API](https://www.coingecko.com/en/api)\n- **Styling**: Modern responsive CSS design with media queries for mobile-first approach.\n\n## Demo\n\nYou can view the live app [here](https://ajay-dhangar.github.io/crypto-price-tracker/).\n\n## Screenshots\n\n### Desktop View\n![Crypto Price Tracker - Desktop View](screenshots/desktop-view.png)\n\n### Mobile View\n![Crypto Price Tracker - Mobile View](screenshots/mobile-view.png)\n\n## Installation\n\nTo run this project locally, follow the steps below:\n\n### 1. Clone the repository\n\n```bash\ngit clone https://github.com/your-username/crypto-price-tracker.git\n```\n\n### 2. Navigate to the project directory\n\n```bash\ncd crypto-price-tracker\n```\n\n### 3. Open `index.html` in your preferred browser\n\nYou can directly open the `index.html` file in a browser or use a local server like [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) if you're using VSCode.\n\n## Usage\n\n1. Open the app in your browser.\n2. Use the search bar to find specific cryptocurrencies.\n3. View real-time price updates, percentage change, and more.\n4. Toggle between **Light** and **Dark** mode using the switch in the header.\n5. The app adapts to your device's screen size automatically (responsive design).\n\n## How It Works\n\n- The app fetches data from the [CoinGecko API](https://www.coingecko.com/en/api) using JavaScript's `fetch` method.\n- Data is displayed in a dynamically generated table.\n- Responsive design ensures a smooth experience on all devices, with mobile-friendly features like stacked rows for smaller screens.\n- The dark mode is controlled via JavaScript by toggling a `.dark` class on the `body`.\n\n## Code Structure\n\n```\ncrypto-price-tracker/\n├── index.html         # Main HTML file\n├── style.css          # Custom CSS for styling\n├── script.js          # Main JavaScript file for fetching and displaying data\n└── README.md          # Project documentation\n```\n\n### Key Files:\n\n- **`index.html`**: Contains the structure and layout of the app.\n- **`style.css`**: Contains all the styles, including responsive design and dark mode.\n- **`script.js`**: Contains the JavaScript code that fetches data from the API and dynamically updates the DOM.\n\n## API Reference\n\nThis project uses the [CoinGecko API](https://www.coingecko.com/en/api) to fetch live cryptocurrency prices and data.\n\n### Example API Call\n\n```bash\nhttps://api.coingecko.com/api/v3/coins/markets?vs_currency=usd\n```\n\n## Contributing\n\nFeel free to contribute to the project! Here’s how you can get started:\n\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature-branch-name`).\n3. Make your changes.\n4. Commit your changes (`git commit -m 'Add some feature'`).\n5. Push to the branch (`git push origin feature-branch-name`).\n6. Create a pull request.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Acknowledgements\n\n- [CoinGecko API](https://www.coingecko.com/en/api) for providing free access to crypto data.\n- [Font Awesome](https://fontawesome.com/) for icons.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Fcrypto-price-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajay-dhangar%2Fcrypto-price-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Fcrypto-price-tracker/lists"}