Case Study - Crypto Currency Portal using CoinGecko API
0 likes23 views
Explore our detailed case study on developing a cryptocurrency portal integrated with the CoinGecko API. This PDF highlights the project’s goals, the web development process, and the impressive results achieved. Learn how we designed and built a dynamic platform that provides real-time cryptocurrency data, market insights, and user-friendly navigation tailored for crypto enthusiasts. The case study covers the technical approach, API integration, and challenges overcome to deliver a reliable and scalable portal. Whether you’re a blockchain startup, developer, or digital strategist, this document offers valuable insights into leveraging APIs to build cutting-edge crypto applications that engage and inform users effectively. Ready to see how expert development and smart integration can power your cryptocurrency platform? Download the full PDF now or visit our website to explore more of our blockchain and web development success stories.
Case Study - Crypto Currency Portal using CoinGecko API
- 2. PROJECT DETAILS Industry The Team Cryptocurrency WordPress, Custom Theme, CoinGecko API, Twitter API, GNews API, Youtube API, Advanced Custom Fields Pro plugin and Landing Pages Project Coordinator UI / UX Designer Developer 1 1 1 United Kingdom WordPress, Php, Ajax Tools Used Region Technology Used : : : : : : :
- 3. Even though there are multiple Cryptocurrency websites available in the market, none of the websites had all the information about Crypto currencies like News, Videos and tweets etc. So the clientʼs major vision was to have all these News, Tweets and Videos in the same website apart from the core crypto currency data. The goal was to develop a Cryptocurrency website with the following Client came up with a detailed plan for the website. They provided a rough sketch of all the pages and the elements to be implemented in every page more like a low fidelity wireframe. Client initially suggested Nomics API for the core functionality of cryptocurrency data and Twitter API for tweets, Youtube API for displaying youtube videos and RSS APP API for displaying Google News. With the information and ideas shared by the client, we had an internal discussion about how to take this forward in terms of designing mockups. As more than 90% of the websiteʼs data is from 3rd party APIs, we had to analyse how the 3rd party APIs are providing data. So we decided to do designing phase page by page instead of designing all the pages upfront before starting the development. Since the developerʼs input and ideas were important, we decided to do it this way. And also, APIʼs limitations also need to be considered while designing. Even Though client came up with rough design sketches, we had calls with the client and designed the pages in a better way without deviating from what the client was expecting. GOALS WEBSITE DEVELOPMENT PROCESS CLIENTʼS INPUTS DESIGNING PHASE To Build with WordPress that includes 10+ pages with a custom theme design To Display real time tweets about Cryptocurrencies on the website To Display real time YouTube videos (with English language only) about Cryptocurrencies on the website To Display real time news from GNews about Cryptocurrencies on the website To Display Top performing Crypto coins in header with price growth graph using last 7days sparkline data Global currency switcher option To Display various snippets like ʻTop 10 Highest Market cap currenciesʼ, ʻTop 10 Lowest Market cap currenciesʼ, ʻTop 10 Highest Volume currenciesʼ, and ʻTop 10 Lowest volume currenciesʼ, etc Autocomplete search of Crypto Coin names and Crypto coin symbols To Create various charts which provide and compare info like Price, Market Cap, Volume over different time periods with Range selector options Real Time currency convertor using CoinGecko API Crypto Sweep module which has all the information from Twitter, Youtube and gNews for the search term displayed in a Masonry layout with Load more option. Chat module for every crypto coin and crypto exchange separately. Reviews module for every crypto coin and crypto exchange separately. Discussion and Forum module Cryptocurrency data pulled from an API called CoinGecko. To Display all the data like Price, Market cap, volume, rank, 24h% change,7d% change,30d% change, and 365d% change etc in our website without going to CoinGecko website Registration and login feature Social login options like Facebook, Google, and Twitter WEBSITE DESIGN PLAN Even though the client gave us design inputs, our designer had to make various changes to their version in terms of designs, colors, fonts, etc. So we designed mockups for the homepage with the clientʼs branding colors and fonts. Below are the major points which we considered while designing the mockups. Analyzing about CryptoNyptoʼs needs Brainstorming the immediate marketing goals Retaining the required modules in the homepage from the clientʼs design sketch.
- 4. As this is a Cryptocurrency portal with data pulled from various 3rd party APIs, there werenʼt many CMS pages in the website like other websites. As mentioned earlier, core functionality of the website comes from a 3rd party API. Client suggested Nomics API for this functionality. We started the development with the Nomics API. We initially started with displaying the top 5 currencies with a price graph based on 7 day sparkline data and completed it. As the Global Currency Switcher option was there, all the information displayed in the website should change as per the currency selected by the user in the Currency switcher. While working on this, we found that Nomics free API supports only 1 request/second. But for the Global Currency Switcher to work, we need to make multiple API calls when currency is changed. We informed the client about the need for the plan upgrade. As the pricing was too expensive, the client decided to let go of Nomics API and suggested we go with CoinGecko API (Open Source API). So we had to scrape off everything which is done in Nomics API and we had to start from the beginning. There were few issues as we decided to go with CoinGecko API instead of Nomics API. As CoinGecko is fully free, their features were limited when compared to Nomics API. So the client had to cut down some requirements which were not possible in CoinGecko API. Cryptocurrency product page development was quite a challenge because there were lots of functionalities involved. Intro section had important details like Price, Market Cap, Volume, Rank and Price change % etc. Price change % was provided for 24 hours, 7 days, 30 days and 365 days dropdown selector. CMS PAGES DEVELOPMENT PROCESS CRYPTO CURRENCY BASED MODULES DEVELOPMENT PROCESS Adding other needed modules in the homepage which were not part of the clientʼs initial design sketch Main section of the product page was an Infographic Chart display of Product Price for various time periods like 1 Day, 1 Week, 1 Month and 1 year. And every product page has tweets, youtube videos and google news related to that specific product (currency) displayed in that page. Above all, we also had a custom chat module specific to that product page. So every product page has its own chat page with chat history. There are around 6000+ coins and 400+ exchanges on the website. We found a chat plugin and customized it to create separate chat rooms for every product and exchange separately.
- 5. Another important feature of this product page was the Review module. In this, a logged in user can provide rating and write review for that product. Those reviews will be displayed in the product page with Ajax pagination option. Unfortunately a er completing the development, the client decided not to have this feature. All the above mentioned crypto features should work along with the global currency switcher, so we had to keep this thing in mind throughout the development. Like Product pages development, Exchange pages had similar features. Only drawback we had in the exchange module was CoinGecko APIʼs Exchange endpoints were in Beta mode and features were limited when compared to its Product endpoints. We also developed other core Cryptocurrency pages like DeFi page and Currency converter pages using CoinGecko API. Like Exchangeʼs API endpoint, DeFi related API endpoints were also limited. So we had to store some data in our database and update it on a daily basis by setting up a cron job on the server. Like Product pages, DeFi page also has Interactive Charts for Market Cap and Dominance. And also we display top DeFi coins based on Market Capitalization. CONVERTOR MODULE AND DEFI MODULE The Converter module was an important module in this website development as it shows real time converted currency value. In this page, we designed the page which allows the user to select both Base currency(From) and Convert currency(To) and enter the value to be converted. We also display the Currency flag near the currency symbol to provide more clarity on the currency.
- 6. CryptoSweep was a major module in this development. Initially the clientʼs plan was to have separate pages for Google News, Tweets and Youtube Videos while starting the development. But later the client decided to combine these 3 pages into 1 page called CryptoSweep page which has Google News, Tweets and Youtube Videos. CRYPTOSWEEP MODULE This page has an Ajax Search bar, and Checkboxes to filter contents like News, Tweets and Videos. And the Results are displayed in a Masonry layout with a Load more button. On clicking the Load more button, the next set of data loads without loading the entire page. Search bar is the core of this page. Any keyword searched will connect to gNews API, Twitter API and Youtube API and display the data in this page. Since this is a Cryptocurrency portal, Client also told us that only the search results related to Crypto currencies, exchanges should be displayed. So we had to come up with a workaround which allows the user to search only crypto related words in the search module. signing in, but they must be logged in to an account in order to leave a comment or create a post. Considering all these in mind, we chose Forum plugins and made necessary changes to match our requirements. We also integrated Social Logins like Facebook, Twitter and Google in addition to the native Email login method. For this page, Client was looking for a basic forum/discussion board display and functionality, whereby users can create topics and comment on other usersʼ topics too. Also, the clientʼs requirement was that Users should be able to visit and read the content on this page without We faced various challenges during the development process. Initial obstacle was starting the development with Nomics API and we had to switch to CoinGecko API a er making considerable progress in Nomics API due to its pricing. Even a er choosing CoinGecko API, we faced a similar situation where the client was thinking of choosing a different API as some features were not available with CoinGecko API and later decided to continue with CoinGecko API itself. So we had to configure Cron Jobs in the live server a er migration. Also, Social login had to be reconfigured a er the migration to match the live website URL. We followed the below points a er completing the development process in our demo server. FORUMS/DISCUSSION AND SOCIAL LOGIN MODULE OBSTACLES DURING DEVELOPMENT Migrating the website using WP Engine migration plugin Working on CSS fixes Configuring Cron Jobs on live server Re-configuring the Social Login module based on the live URL. Making the site look consistent across pages Start with functional testing and fixes Going through designer level testing and fixes Going through final live testing and fixes
- 7. RESULT Easy navigation in the header increased 200% more clicks Easy login/registration with social login enabled Forum/Discussion module for the visitors Interactive Price Charts for crypto currencies for various time periods. The CryptoSweep page will have tweets, videos and news on the same page. Website is ready for new marketing campaigns to attract more users As one of the top providers of website solutions provider, ColorWhistle can create, strategize, design and develop your website requirements . From integrating a third party tools to website development, we can create effective solutions that will cater to your business challenges and goals. If you need any help with website designing, website development to digital marketing for any business get in touch or call us at +1 (919) 234-5140. We are happy to partner with you. Alright, sounds like a plan! Let’s go!! AUTHOR RAJEEV Senior Developer SEND DIRECT MAIL hi@colorwhistle.com