Cryptocurrency Market

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 About

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.

Building 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.

Have a look at the video description of the project.

🛠 Built With

• ReactJS
• Redux
• React-Boostrap
• Jest Test
• React Testing Library

Tech Stack

• JavaScript ES6 Module
• ReactJS
• Redux
• babel-Webpack
• Jest Test
• React Testing Library
• HTML&CSS and JavaScript
• VS Editor
• GitHub and Gitflow

Database

• API dependdencies

Client

• NA

Server

• N/A

Database

• N/A

Key Feature

• API enabled - fetch external API
• Coin search
• Coin details

(back to top)

🚀 Live Demo

• Live Demo

(back to top)

💻 Getting Started

To get the content of this project locally you need to run the following commands in your terminal.

Prerequisites

In order to run this project you need to install the following packages/modules

• IDE (code editor) like: VScode, Sublime, etc
• Git
• npm
• node.js
• React-dom
• React-redux
• eslinter

Setup

1. Install git if not already installed

2. Use VScode: open terminal in VScode

3. Download the Zip file or clone the repo with:

git clone https://github.com/Microverse-Fullstack-Program/cryptocurrency-market

4. To access cloned directory, run and navigate to the directory where you cloned the repo:

cd space-traveler

Install Depedancy and Run app

To install linters and other project's dependencies run:

npm install

Usage

To run the project, execute the following command:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Getting Started with Create React App

• This project was bootstrapped with Create React App.

(back to top)

Run Test for Linters

For tracking linter errors locally you need to follow these steps:

1. For tracking linter errors in HTML files run:

npx hint .

2. For tracking linter errors in CSS or SASS files run:

npx stylelint "\*_/_.{css,scss}"

3. For tracking linter errors in JavaScript files run:

npx eslint .

Test Command

For unit testing of the app run:

npm test

Test Screenshoot

(back to top)

👥 Authors:

The collaborators of this project are.

👤 Author 1: Chere Lemma

• GitHub: Chere Lemma
• Twitter: Chere Lemma

(back to top)

🔭 Future Features

• Enhance the responsivness
• Implement sorting coins

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Kindly raise issue here

(back to top)

⭐️ Show your support

If you like this project, kindly follow me on GitHub 😊

(back to top)

🙏 Acknowledgments

I would like to thank Microverseinc for.

• Readme-template
• Linter for React & Redux

Much 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 respectively.

• CoinGecko
• Nelson Sakwa

(back to top)

📝 License

This project is MIT licensed.

(back to top)