Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/peteugwu/crypto-exchanges

Crypto-exchanges is a Web-App that displays and allow users to filter data for an individual crypto exchange. Users can see each Exchange more details by clicking on Box Arrow Right button on each exchange cards.
https://github.com/peteugwu/crypto-exchanges

api css javascript reactjs

Last synced: 19 days ago
JSON representation

Crypto-exchanges is a Web-App that displays and allow users to filter data for an individual crypto exchange. Users can see each Exchange more details by clicking on Box Arrow Right button on each exchange cards.

Awesome Lists containing this project

README

        

# crypto-exchanges

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 Bookstore

> Crypto-exchanges is a Web-App that displays and allow users to filter data for an individual crypto exchange. Users can see each Exchange more details by clicking on Box Arrow Right button on each exchange cards.

## 🛠 Built With

### Tech Stack

>
- HTML

- CSS

- Javascript

- React

- Webpack

- NPM

- Redux

- Jest

- TailwindCss

- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).

- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).

- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

Client

Server

Database

### Key Features

>

- **See list of Crypto Exchanges**
- **Search exchange by name**
- **View more detail about an exchange**

(back to top)

## 🚀 Live Demo

>

- [Live Link](https://crypto-exchange-ez31.onrender.com)

## 🚀 Video Presentation

- [Video Presentation](https://drive.google.com/file/d/16EI4Oq4gE1o0WP6Dat175hFn0QjW_fGh/view?usp=share_link)

(back to top)

## 💻 Getting Started

>
To get a local copy up and running, follow these steps.

- npm
```sh
npm install npm@latest -g
```

### Setup

1. Clone the repo by running the command
```sh
git clone https://github.com/PeteUgwu/crypto-exchanges
```
2. Open the directory of the project
```sh
cd crypto-exchanges
```
3. Install project dependencies
```sh
run npm install
```
4. Open the html file
```sh
run npm start

### Run tests

To run tests, run the following command:

- npm
```sh
npm run test
```

(back to top)

## 👥 Author

👤 **Author**

- GitHub: [@PeteUgwu](https://github.com/PeteUgwu)
- Twitter: [@Petrus4Charles](https://twitter.com/Petrus4Charles)
- LinkedIn: [/peteugwu/](https://www.linkedin.com/in/peteugwu/)

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

(back to top)

## ⭐️ Show your support

If you like this project... Give a start and a follow.

(back to top)

## 🙏 Acknowledgments

> Original design idea by [Nelson Sakwa on Behance.](https://www.behance.net/sakwadesignstudio)

(back to top)

## Show your support

- Give a ⭐️ if you like this project!

(back to top)

## 📝 License

- This project is [MIT](./LICENSE) licensed.
- This project is also [Creative Common](https://creativecommons.org/licenses/by-nc/4.0/) licensed.

(back to top)