{"id":19884714,"url":"https://github.com/microverse-fullstack-program/cryptocurrency-market","last_synced_at":"2026-04-17T10:08:32.035Z","repository":{"id":157924634,"uuid":"633592488","full_name":"Microverse-Fullstack-Program/cryptocurrency-market","owner":"Microverse-Fullstack-Program","description":"Cryptocurrency Market is a web App that uses a real live data from the Blockchain API. It's a web application for a company that provides informations such as trending coins, ranks, Cryptocurrency Prices by Market Cap, and crypto transaction. The application allow users to get full information related to the crypto.","archived":false,"fork":false,"pushed_at":"2023-04-29T22:34:59.000Z","size":2034,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-11T00:27:05.685Z","etag":null,"topics":["material-ui","react-components","react-hooks","react-redux","react-router","react-router-dom","reactjs","reacttestinglibrary","redux-store","redux-thunk","redux-toolkit"],"latest_commit_sha":null,"homepage":"","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/Microverse-Fullstack-Program.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-27T21:11:37.000Z","updated_at":"2023-06-03T19:45:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"1a865f97-fb80-4b0b-abb9-15ef8d9b32bb","html_url":"https://github.com/Microverse-Fullstack-Program/cryptocurrency-market","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Microverse-Fullstack-Program/cryptocurrency-market","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2Fcryptocurrency-market","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2Fcryptocurrency-market/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2Fcryptocurrency-market/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2Fcryptocurrency-market/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Microverse-Fullstack-Program","download_url":"https://codeload.github.com/Microverse-Fullstack-Program/cryptocurrency-market/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2Fcryptocurrency-market/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31924425,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T09:10:15.403Z","status":"ssl_error","status_checked_at":"2026-04-17T09:10:14.455Z","response_time":62,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["material-ui","react-components","react-hooks","react-redux","react-router","react-router-dom","reactjs","reacttestinglibrary","redux-store","redux-thunk","redux-toolkit"],"created_at":"2024-11-12T17:29:06.980Z","updated_at":"2026-04-17T10:08:31.981Z","avatar_url":"https://github.com/Microverse-Fullstack-Program.png","language":"JavaScript","readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"crypto.png\" alt=\"logo\"  height=\"300\" /\u003e\n  \u003cbr/\u003e\n\n\u003ch3\u003e\u003cb\u003eCryptocurrency Market \u003c/b\u003e\u003c/h3\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\u003ca name=\"table-contents\"\u003e\u003c/a\u003e\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 About \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Cryptocurrency Market** is a web App that uses a real live data from the Blockchain API. It's a web application for a company that provides informations such as trending coins, ranks, Cryptocurrency Prices by Market Cap, and crypto transaction. The application allow users to get full information related to the crypto.\n\nBuilding this application will allow to learn how to use React and Redux in the context of a real application and get hand exprience on front-end development.\n\nHave a look at the [video description](https://www.loom.com/share/4382602a347a4f309bbef9f9ed1deb6f) of the project.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e \n\u003e - [ReactJS](https://react.dev)\n\u003e - [Redux](https://react-redux.js.org)\n\u003e - [React-Boostrap](https://react-bootstrap.github.io/)\n\u003e - [Jest Test]()\n\u003e - [React Testing Library](https://testing-library.com/)\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\u003e - JavaScript ES6 Module\n\u003e - ReactJS\n\u003e - Redux\n\u003e - babel-Webpack\n\u003e - Jest Test\n\u003e - React Testing Library\n\u003e - HTML\u0026CSS and JavaScript\n\u003e - VS Editor\n\u003e - GitHub and Gitflow\n\n### Database \u003ca name=\"data-base\"\u003e\u003c/a\u003e\n- API dependdencies\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"#\"\u003eNA\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eServer\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"#\"\u003eN/A\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDatabase\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"#\"\u003eN/A\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Feature \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n \u003e - API enabled - fetch external API\n \u003e - Coin search\n \u003e - Coin details\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e \n \n - [Live Demo](https://cryptocurrency-d34b.onrender.com/)\n\n\u003c!-- [Space Traveler's Hub]() --\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get the content of this project locally you need to run the following commands in your terminal.\n\n### `Prerequisites`\n\nIn order to run this project you need to install the following packages/modules\n\u003e - IDE (code editor) like: VScode, Sublime, etc\n\u003e - [Git](https://www.linode.com/docs/guides/how-to-install-git-on-linux-mac-and-windows/)\n\u003e - [npm](https://www.npmjs.com/)\n\u003e - [node.js](https://nodejs.org/en)\n\u003e - [React-dom](https://legacy.reactjs.org/docs/react-dom-client.html)\n\u003e - [React-redux](https://react-redux.js.org/)\n\u003e - [eslinter](https://eslint.org/)\n\n### `Setup`\n\n\u003e 1. Install git if not already installed\n\u003e\n\u003e 2. Use VScode: open terminal in VScode\n\u003e\n\u003e 3. Download the **Zip** file or clone the repo with:\n\u003e ```bash\n\u003e git clone https://github.com/Microverse-Fullstack-Program/cryptocurrency-market\n\u003e ```\n\u003e 4. To access cloned directory, run and navigate to the directory where you cloned the repo:\n\u003e ```bash\n\u003e cd space-traveler\n\u003e ```\n\n### `Install Depedancy and Run app`\n\nTo install linters and other project's dependencies run:\n\n```bash\nnpm install\n```\n\n### Usage\n\nTo run the project, execute the following command:\n\n**`npm start`**\n\n\u003e Runs the app in the development mode.\\\n\u003e Open [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\u003e\n\u003e The page will reload when you make changes.\\\n\u003e You may also see any lint errors in the console.\n\n**`npm run build`**\n\n\u003e Builds the app for production to the `build` folder.\\\n\u003e It correctly bundles React in production mode and optimizes the build for the best performance.\n\u003e \n\u003e The build is minified and the filenames include the hashes.\\\n\u003e Your app is ready to be deployed!\n\u003e\n\u003e See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n#### Getting Started with Create React App\n\u003e - This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n**`Run Test for Linters`**\n\n\u003e For tracking linter errors locally you need to follow these steps:\n\u003e \n\u003e 1. For tracking linter errors in HTML files run:\n\u003e ```bash \n\u003e npx hint .\n\u003e ```\n\u003e \n\u003e 2. For tracking linter errors in CSS or SASS files run:\n\u003e \n\u003e ```bash\n\u003e npx stylelint \"\\*_/_.{css,scss}\"\n\u003e ```\n\u003e\n\u003e 3. For tracking linter errors in JavaScript files run:\n\u003e \n\u003e ```bash\n\u003e npx eslint .\n\u003e ```\n\n**`Test Command`**\n\n\u003e For unit testing of the app run:\n\u003e \n\u003e ```JS\n\u003e npm test\n\u003e ```\n\n**`Test Screenshoot`**\n\n![image](https://user-images.githubusercontent.com/73167960/235324299-af398388-9b60-446f-8bb9-2cba9b775d46.png)\n\n\u003c!-- ### Deployment --\u003e\n\n\u003c!-- [Space Traveler's Hub]() --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors: \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\nThe collaborators of this project are.\n\n👤 **Author 1: Chere Lemma** \n- GitHub: [Chere Lemma](https://github.com/cherelemma)\n- Twitter: [Chere Lemma](https://twitter.com/Chere21271613)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n\u003e - Enhance the responsivness \n\u003e - Implement sorting coins\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\n[Kindly raise issue here](https://github.com/Microverse-Fullstack-Program/cryptocurrency-market/issues)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, kindly follow me on GitHub 😊\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank [Microverseinc](https://github.com/microverseinc) for. \n\n\u003e * [Readme-template](https://github.com/microverseinc/readme-template)\n\u003e * [Linter for React \u0026 Redux](https://github.com/microverseinc/linters-config)\n\nMuch appreciation goes to **CoinGecko** for the availability of the API to practice and **Nelson Sakwa** the author of the original design, as required by the  [Creative Commons License](https://creativecommons.org/licenses/) respectively.\n\n\u003e * [CoinGecko](https://www.coingecko.com/en/api)\n\u003e * [Nelson Sakwa](https://www.behance.net/sakwadesignstudio)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#table-contents\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicroverse-fullstack-program%2Fcryptocurrency-market","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicroverse-fullstack-program%2Fcryptocurrency-market","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicroverse-fullstack-program%2Fcryptocurrency-market/lists"}