This is a web-based application that allows users to search for information on various cryptocurrencies, exchanges, and NFTs using the CoinGecko API. The application displays search results in an organized table format, providing details on each coin, exchange, or NFT.
Credit: Built following tutorials by AsmrProg YT.
- Dynamic Search: Users can search for cryptocurrencies, exchanges, and NFTs by name.
- Real-Time Data: Fetches data from the CoinGecko API to provide the latest information.
- Responsive Design: Optimized for both desktop and mobile devices.
- Theme Toggle: Light and dark theme support with local storage to remember the user's preference.
- Error Handling: Proper error messages are displayed if there are no results or if the API fails.
.
βββ index.html # Main HTML file
βββ assets/
β βββ css/
β β βββ styles.css # Global CSS styles
| βββ js/
| β βββ script.js # Main JavaScript file
| β βββ chart.js # JavaScript for chart functionalities
| β βββ global.js # JavaScript for global functionalities
| β βββ search.js # JavaScript for search functionalities
| | βββ coin.js # JavaScript for individual coin functionalities
| βββ images/ # Images used in the application
βββ README.md # Documentation file
-
Clone the repository:
git clone https://github.com/Yohannes18/crypto-search-app.git cd crypto-search-app -
Open
index.htmlin your web browser: Simply open theindex.htmlfile in any modern browser.
-
Search for Coins, Exchanges, or NFTs:
- Enter a keyword in the search bar and press Enter or click the search button.
- The application will display results for cryptocurrencies, exchanges, or NFTs that match the search query.
-
Theme Toggle:
- Click the theme toggle button to switch between light and dark themes. The chosen theme will be saved for future visits.
-
Scroll to Top:
- A "Scroll to Top" button will appear when scrolling down the page. Click it to quickly return to the top.
- CoinGecko API: Used for fetching real-time cryptocurrency data.
- Icons: Uses Remix Icon for theme toggle icons.
- The application uses the CoinGecko API for data retrieval. No API key is required, but be mindful of the API's rate limits.
- The application uses basic CSS for styling. You can modify
assets/css/styles.cssto customize the look and feel of the app.
Contributions, issues, and feature requests are welcome!
- Fork the repository
- Create a new branch (
git checkout -b feature/my-feature) - Make your changes
- Commit your changes (
git commit -m 'Add some feature') - Push to the branch (
git push origin feature/my-feature) - Open a pull request
If you encounter any issues, please open an issue on GitHub.
This project is licensed under the MIT License. See the LICENSE file for details.
- Email: johannes0590@gmail.com
- GitHub: @Yohannes18