juandiegoguerra/reactcapstoneproject_metricswebapp

This React capstone project is about building a mobile web application to check a list of metrics (numeric values) that you will create making use of React and Redux.

React Capstone - Crypto Watcher

📗 Table of Contents

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

🚀 Crypto Watcher 💲

Crypto Watcher is a webapp that displays information about the top 100 cryptocurrencies. 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, website and more.

Tech Stack

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

Tech Stack

Client

- HTML5
- JS
- CSS3
- React
- Redux
- Jest

Key Features

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

🚀 Live Demo

Live Demo : Crypto Watcher

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

1. Web browser.
2. Code editor.
3. Git.

Setup

In order to clone this repository to your desired folder, run the commands below on your console:

    git clone https://github.com/JuanDiegoGuerra/ReactCapstoneProject_MetricsWebapp.git

Install

Install this project running the following commands:

  npm install

Usage

To run the project run this comand:

  npm start

Note: Your default browser should be opened in this moment.

Run tests

To run tests, run the following command:

  npm test

(back to top)

👥 Authors

👤 Juan Diego Guerra (JD)

• GitHub: @JuanDiegoGuerra
• LinkedIn: Juan Guerra

(back to top)

🔭 Future Features

• Add More Functionalities to elements that already exist
• Add More sections like ranks

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

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

(back to top)

🙏 Acknowledgments

I would like to thanks Microverse corporation for the README template.

The Crypto-Pro template was created by Nelson Sakwa and is used under the CC BY-NC 4.0 (https://creativecommons.org/licenses/by-nc/4.0/). Changes have been made to the original template.

Original Template: https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)

(back to top)

📝 License

This project is MIT licensed.

(back to top)