{"id":19574156,"url":"https://github.com/0mppula/coincaps","last_synced_at":"2025-04-27T05:33:48.309Z","repository":{"id":50658355,"uuid":"385599988","full_name":"0mppula/CoinCaps","owner":"0mppula","description":"A fully responsive web-application allowing the user to view the 250 most valuable cryptocurrencies by market capitalization.","archived":false,"fork":false,"pushed_at":"2023-08-20T06:49:38.000Z","size":616,"stargazers_count":4,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-08-20T07:37:33.567Z","etag":null,"topics":["accessibility","ajax-request","coingecko-api","cryptocurrency","css3","javascript","react","reactjs","responsive","web-application"],"latest_commit_sha":null,"homepage":"https://coincaps.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0mppula.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-13T12:42:22.000Z","updated_at":"2023-08-20T07:37:33.568Z","dependencies_parsed_at":"2023-01-22T23:15:33.363Z","dependency_job_id":null,"html_url":"https://github.com/0mppula/CoinCaps","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2FCoinCaps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2FCoinCaps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2FCoinCaps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0mppula%2FCoinCaps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0mppula","download_url":"https://codeload.github.com/0mppula/CoinCaps/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224062346,"owners_count":17249278,"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":["accessibility","ajax-request","coingecko-api","cryptocurrency","css3","javascript","react","reactjs","responsive","web-application"],"created_at":"2024-11-11T06:38:39.581Z","updated_at":"2024-11-11T06:38:40.525Z","avatar_url":"https://github.com/0mppula.png","language":"JavaScript","readme":"# CoinCaps Web-Application\n\n### What is CoinCaps?\n\n[CoinCaps][1] is a web-application where the user can view data of the 250 most valuable cryptocurrencies by market capitalization. In addition, the user can select in which currency the app shows the price data for the cryptos.\n\nAll of the applications data and statistics are retrieved from the [CoinGecko][2] API with different `AJAX` calls. The app contains a total of 3 individually different `AJAX` calls.\n\nYou can view individual cryptocurrencies in detail from the crypto table in the application by interacting with the downward-facing Chevron element. When the chevron element is clicked, more information about the active cryptocurrency will slide down for the user to check out. The additional information includes other useful metrics of the crypto, including a `chart.js` graphical chart element showing the price movement of the past 30 days.\n\nAll of the cryptos can be filtered out with the search field at the top of the `HTML` table of the app. When the user is filtering the cryptos only cryptos that match the search query will be shown on the crypto table. Additionally, the paginator is temporarily disabled during the filtering. When the search field is cleared, the crypto table retains it's previous state.\n\nThe cryptos are initially paginated to display 25 cryptos per page, which the user can change to 50 or 100 from the row selector element of the paginator.\n\nFrom the applications navigation bar, it is possible to select the active currency of the app. Once a new currency is selected, the whole app reloads with new price data matching the new active currency. Additionally, the active currency is saved to `LocalStorage` for the next time the app is loaded.\n\nIt is also possible to toggle between dark or light mode from the navbar. The currently selected mode is saved to `LocalStorage` as well, and defaults to light mode if no `LocalStorage` data is detected.\n\nThe application has good accessibility. All of the interactive elements have their own conditional `tabindex` value (depending on whether the element is currently active or not). Additionally, the contrast ratio of the app is mainly rated at AA or AAA.\n\nThe app also has a lot of modern conveniences like a scroll-to-top element, a responsive structure, different loader elements and click-outside-to-close functionality.\n\n[1]: https://coincaps.netlify.app/\n[2]: https://www.coingecko.com/en/api\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0mppula%2Fcoincaps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0mppula%2Fcoincaps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0mppula%2Fcoincaps/lists"}