Build the front-end of an application to organize a browsable list of Crypto Assets that can be filtered and accessed to each Asset's details.
Users will browse through a list of Crypto Assets, Filtered by Market Cap, ATH, total Volume in higher to lower order. Also, the user can filter by cryptocurrency name.
- React.js, Redux, Webpack, Babel
- HTML5/CSS3, Javascript ES6
- ESlint, Stylelint
- VSCode
- The Single page renders with main Cryptocurrencies ordered by market cap by default.
- In the top center of the page navbar, the user will be able to select the filter options: ○ Market Cap ○ Circulating Supply ○ 24h change vs. ATH%
- Once the filter is selected, the page would render the top 5 cryptocurrencies with the main statistics showing in the main boxes, ordered from higher to lower statistical value.
- In the top left of the page navbar, the user will select the coins' currency.
- The Filtered options will be updated every minute.
- On Asset selected (click/tab) a new page will show displaying a. Market Cap b. Last Price c. Volume d. ATH e. High 24hs f. Low 24hs
This project was bootstrapped with Create React App.
To get a local copy up and running follow these simple example steps.
- To install the app in your system, make sure you have node/npm installed. get npm
- Clone the repository in your system by using:
git clone
- Next step is to CD into the local repository and run:
npm install
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
This command 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.
- Run the test suite app for store actions with
$ npm test
👤 Carlos Anriquez
- Github: @canriquez
- Twitter: @cranriquez
- Linkedin: linkedin
- Portfolio: carlosanriquez.com
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
My family The Beagles @microverseinc
This project is MIT licensed.