SabiMantock/dota_hero_stats

Dota Hero Stats

📗 Table of Contents

• � Table of Contents
• 📖 Dota Hero Stats
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 📷 Screenshot
  • 🎥 Video Demo
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

Dota Hero Stats

The Dota Hero Stats App is a mobile web application that allows users to view a list of heroes in Dota 2. The webapp has two pages: the home page and the details page. The home page displays a list of heroes that can be filtered by the hero name. When the user clicks on a hero, the application navigates to the details page.

🛠 Built With

Tech Stack

Client

• React.js

Webpack

• Webpack

Database

• Dota Hero Stats

Key Features

• Home page

  • When the page loads, the webapp shows the list of categories that could be filtered out by the country name.
  • Along with the category name, you will display some numeric values per category that come from the API.
  • When the user clicks (or taps) on a category item, the application navigates to the details page.

• Details page

  • In the details page, the webapp retrieves data from the API to show detailed data in the category.
  • When the user clicks on the "Back" button (<), the user navigates to the home page.

(back to top)

📷 Screenshot

(back to top)

🎥 Video Demo

Dota Hero Stats

(back to top)

🚀 Live Demo

Dota Hero Stats

(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:

 A web browser- Google Chrome.
 A code editor- Visual Studio Code with Git and Node.js.

Setup

Clone this repository to your desired folder:

  git clone git@github.com:SabiMantock/dota_hero_stats.git
  cd dota_hero_stats

Install

Install this project with:

  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

  npm run test

Deployment

You can deploy this project using:

npm run build

(back to top)

👥 Author

👤 Sabi Mantock

• GitHub: @SabiMantock
• Twitter: @IamSabiMantock
• LinkedIn: @Sabi Mantock

(back to top)

🔭 Future Features

• Add Player Stats

(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, please give it a ⭐️

(back to top)

🙏 Acknowledgments

I would like to thank Microverse and Nelson Sakwa for providing the wireframe for this project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)