REACT README

DAMES EXCHANGE

"This SPA, ‘Best ever Metrics mobile/desktop WebApp’ for cryptocurrency provides: numeric data about Global Stats for Cryptocurrencies, information about individual Cryptocurrencies and a filterable list of Cryptocurrencies that leads to these items’ details."

Project Walkthrough Video

Peak inside

Demo Link

Netlify Live Demo Link

Built With

• REACT
• REDUX
• Coinranking Cryptocurrency API
• Bing News Search API
• JavaScript
• HTML & CSS

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• Text Editor | Git and Github set up

Setup

• Clone repository and open with text editor

Dependencies

• Run npm install - to load necessary files from package.json

Linter Setup

• Apply Linter checks with the following instructions

• Stylelint: Install stylelint for clean Styles and elimination of related errors. Run:npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x Afterwards create a .stylelintrc.json file and then run npx stylelint "**/*.{css,scss}" to check errors. Use npx stylelint "**/*.{css,scss}" --fix to fix multiple errors.

• Eslint: To find and fix script errors, run npm install --save-dev eslint@7.x eslint-config-airbnb@18.x eslint-plugin-import@2.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-react-hooks@4.x @babel/eslint-parser@7.x @babel/core@7.x @babel/plugin-syntax-jsx@7.x @babel/preset-react@7.x @babel/preset-react@7.x After, create a .eslintrc.json file. Then run npx eslint . to print errors. Use npx eslint . --fix to fix multiple errors.

Usage

Get numeric data about Global Stats for Cryptocurrencies, information about individual Cryptocurrencies and a filterable list of Cryptocurrencies that leads to these items’ details. Also view news about about current Cryptocurrencies

• View APP -On Homepage:
  • View Global Stats for Cryptocurrencies
  • Search for specific cryptocurrency by clicking on search icon / typing in search box
• Click on cryptocurrency to view details

Testing

• open src/__test__ folder
• Enter any test file
• Run npm test to test all files

👤 STEVE W DAMES JR

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Coinranking Cryptocurrency API
• Original design idea by Nelson Sakwa on Behance.

📝 License

This project is MIT licensed.