https://github.com/bocaletto-luca/crypto-explorer

Crypto Explorer is an interactive web application that allows you to explore and monitor the latest trends in the cryptocurrency world. The app fetches real-time market data using free APIs, and displays detailed insights, historical trends, and interactive charts. Built using modern web technologies, Crypto Explorer offers both novice and ...
https://github.com/bocaletto-luca/crypto-explorer

api bocaletto-luca crypto crypto-api crypto-tools cryptocurrency css3 database free-api html5 javascript opensource web-app webapp

Last synced: 2 months ago
JSON representation

Crypto Explorer is an interactive web application that allows you to explore and monitor the latest trends in the cryptocurrency world. The app fetches real-time market data using free APIs, and displays detailed insights, historical trends, and interactive charts. Built using modern web technologies, Crypto Explorer offers both novice and ...

• Host: GitHub
• URL: https://github.com/bocaletto-luca/crypto-explorer
• Owner: bocaletto-luca
• License: gpl-3.0
• Created: 2025-05-28T10:47:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-28T10:49:17.000Z (about 1 year ago)
• Last Synced: 2025-05-28T11:40:52.304Z (about 1 year ago)
• Topics: api, bocaletto-luca, crypto, crypto-api, crypto-tools, cryptocurrency, css3, database, free-api, html5, javascript, opensource, web-app, webapp
• Language: HTML
• Homepage: https://bocaletto-luca.github.io/
• Size: 0 Bytes
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Crypto Explorer | API Free | Database | WEBAPP

#### Author: Bocaletto Luca

[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML) [![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS) [![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript) [![Chart.js](https://img.shields.io/badge/Chart.js-FF6384?style=for-the-badge)](https://www.chartjs.org/) [![Bootstrap](https://img.shields.io/badge/Bootstrap-7952B3?style=for-the-badge&logo=bootstrap&logoColor=white)](https://getbootstrap.com/)

Crypto Explorer is an interactive web application that allows you to explore and monitor the latest trends in the cryptocurrency world. The app fetches real-time market data using free APIs, and displays detailed insights, historical trends, and interactive charts. Built using modern web technologies, Crypto Explorer offers both novice and experienced investors a comprehensive view of the crypto market in a sleek, responsive interface.

## Features

- **Responsive Design:** Enjoy a fluid and dynamic experience on desktops, tablets, and mobile devices.

- **Real-Time Data:** Fetches up-to-date information on various cryptocurrencies from free APIs such as CoinGecko.

- **Comprehensive Details:** View essential details like current price, market cap, trading volume, and percentage change.

- **Interactive Charts:** Visualize historical trends and price fluctuations with interactive graphs powered by Chart.js.

- **Search & Filtering:** Easily search for specific cryptocurrencies and filter based on market parameters.

- **Dynamic Modal Display:** Click on any crypto card to open a modal with in-depth insights, including technical charts, historical data, and additional analytics.

- **User-Friendly Interface:** Clean UI and intuitive navigation to ensure a smooth user experience for both beginners and experts.

## Technologies Used

- **HTML5**

- **CSS3**

- **JavaScript**

- **Bootstrap 5**

- **Chart.js**

## Getting Started

### Prerequisites

Crypto Explorer runs directly in modern web browsers without the need for additional dependencies. For development and real-time preview, it is recommended to use a code editor with live reload functionality (such as Visual Studio Code with the Live Server extension).

### Installation

1. **Clone the Repository**

git clone https://github.com/bocaletto-luca/crypto-explorer.git cd crypto-explorer

2. **Launch the Application**

- Open the `index.html` file in your preferred web browser.

- Alternatively, use a live reload server provided by your code editor to preview changes in real time.

## How It Works

- **Data Fetching:** The application leverages the Fetch API to retrieve real-time cryptocurrency data from free public APIs like CoinGecko. The JSON response is parsed to display current market values and historical data.

- **Interactive Charts:** Chart.js is utilized to create interactive graphs that show price trends and market movement over time, giving users clear visual insights.

- **Dynamic Details Modal:** A modal window displays comprehensive details for each cryptocurrency when a user clicks on its card. This includes additional metrics, performance charts, and historical analysis.

- **Search and Filtering:** Users can search for cryptocurrencies by name or symbol, and further filter results based on market performance and other metrics.

## Contributing

Contributions are welcome! If you would like to suggest features or improvements, please follow these steps:

1. Fork the repository.

2. Create a new branch for your feature or fix:

#### Enjoy WEBAPP - BY Bocaletto Luca