Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bruk19/crypto-market

Crypto-Tracker is a web application for a cryptocurrencies that provides some information about the current rank, price, volume, ... of the top 100 most used cryptocurrencies in the worlds.
https://github.com/bruk19/crypto-market

css html javascript react reactjs

Last synced: 22 days ago
JSON representation

Crypto-Tracker is a web application for a cryptocurrencies that provides some information about the current rank, price, volume, ... of the top 100 most used cryptocurrencies in the worlds.

Awesome Lists containing this project

README 

        
![](https://img.shields.io/badge/Microverse-blueviolet)



# Project Name :  Crypto-Market App



# Getting Started with Create React App



This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).



## Available Scripts



In the project directory, you can run:



### `npm start`



Runs the app in the development mode.\

Open [http://localhost:3000](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 test`



Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.



## Built Wih



- Major languages : JavaScript , JSX and CSS

- Library and Framework : `React, React-redux, Jest, React-test-renderer`

- Technologies used : Github, Git, Gitflow and Linters



## Live Demo



 - Click [Here](https://deploy-preview-1--ornate-swan-e0dae2.netlify.app/) To open the live demo



## Getting Started



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



### Prerequisites ♻️



- A personal computer connected to the internet;

- Have a working and updated browser.

- Have a local version control like git installed on your computer

- Have an account on Github, as an online/remote Version Control System

- Code editor (Visual studio code, sublime text, notepad++, ...) installed on your computer;

- To be okay with javaScript ES6

- Knowledge of HTML and CSS.



### Setup 🎰



- Click the [me](https://github.com/bruk19/Crypto-Market) and you'll land on the pure repository;

- click on the green (🟢) button with `Code` Inscription;

- You can choose to download the project or just clone it if you are familiar with Git and Github;

- Follow normal step once download in your computer and use it as it's yours.



### Install



- If you are familiar with git, Run `npm install` to get all dependencies required to run the linters checks, otherwise use the downloaded project on your computer without testing files



### Run test 🧪



> Run the command bellow inside your `git bash` or command line interface..



- `npm run start` : to run the project in your default web Browser

- `npx stylelint "**/*.{css,scss}"` : for the `css` codebase and use of best practices. you can add

- `npx eslint .` : for the `JavaScript` codebase and use of best practices

- > Note that you can add `--fix` keyword to the command for `Css` and/or `JavaScript` to make sure that you avoid all errors coming from your `code editor`



👤 **Bruk Teshome**



- GitHub: [@githubhandle](https://github.com/bruk19)

- Twitter: [@twitterhandle](https://twitter.com/Bruktesh)

- LinkedIn: [LinkedIn](https://linkedin.com/in/bruk-teshome-ab4325226)



## Contributing 🤝 



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](../../issues/).



## Show your support



Give a ⭐️ if you like this project!



## Acknowledgments



- To [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio) for the coolest design graphics inspiration



## 📝 License



This project is [MIT](./MIT.md) licensed.