mrcbq / coinmarket

The Coinmarket is a SPA fully responsive, that displays information about the top 100 cryptocurrencies in the world. The application shows the top 100 and allows users to select a cryptocurrency to view more information about it, such as Market Capitalization, price, price change in the last week, rank, and website.

Coinmarket

📗 Table of Contents

• 📗 Table of Contents
• 📖 coinmarket
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Author
  • 🔭 Future Features
  • Walkthrough
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 coinmarket

The Coinmarket is a web application that displays information about the top 100 cryptocurrencies in the world. The application shows the top 100 and allows users to select a cryptocurrency to view more information about it, such as Market Capitalization, price, price change in the last week, rank, and website.

🛠 Built With

Tech Stack

• HTML
• JS
• CSS
• React
• Redux Toolkit (RTK)

Client

- HTML5
- JS
- CSS3
- React.js
- Redux.js
- Jest.js

Server

- Null

Database

- Null

Key Features

• Coinmarket using React and Redux
• Client-side routing using React Router V6
• Gitflow is used correctly
• Following best practices for HTML, CSS, JS

🚀 Live Demo

🚀 Live demo of this project here

🚀 Video Info of this project here

(back to top)

💻 Getting Started

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

Prerequisites

• A web browser
• A code editor
• A terminal

Setup

Clone this repository to your desired folder:

  git clone https://github.com/mrcbq/coinmarket.git

Install

Install this project with:

  cd coinmarket
  npm install

Usage

To run the project on the webpack dev server, execute the following command:

  npm start

Run tests

To run tests, run the following command:

  npm test

Deployment

  npm run deploy

(back to top)

👥 Author

👤 Marco Baquero

• GitHub: @mrcbq
• Twitter: @mrcbq
• LinkedIn: mrcbq

🔭 Future Features

• Add More sections 👌
• Add More Functionalities 😎

Walkthrough

In this project, we will be copying a given web design using React, Redux, and API handling. The design will serve as a reference for implementing the user interface and interactions. Please see the above sections if you want to copy and setup this project on your pc.

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

If you like this project, give it a ⭐️!

(back to top)

🙏 Acknowledgments

We would like to thank Microverse for giving us the opportunity to learn and grow as developers and also we like to thank our families, they are all our support. 🌟

The design of this project is based on the original design idea by Nelson Sakwa on Behance. You can find the original design at https://www.behance.net/sakwadesignstudio

(back to top)

📝 License

This project is MIT licensed.

(back to top)