📗 Table of Contents

📖 Dota2 Insight Hub

Dota 2 Insight Hub: Your Ultimate Resource for Dota 2 Game Data and Analysis

Welcome to the Dota 2 Insight Hub, your one-stop destination for comprehensive data, analysis, and insights into the world of Dota 2. Explore hero and item statistics, pro player profiles, and match details, all in one convenient location. Whether you're a competitive gamer, a Dota 2 enthusiast, or a data-driven strategist, our hub provides the tools and information you need to elevate your gameplay and understanding of this iconic MOBA.

📹 Video Presentation

Check out our video presentation to get a quick overview of this project.

🛠 Built With HTML5 , CSS3, REACT and REDUX

🛠 Tech Stack

Dota 2 Insight Hub is built using a cutting-edge tech stack to provide a seamless and robust experience for Dota 2 players and enthusiasts. Our technology stack includes:

Dota 2 Insight Hub's frontend is built using a modern stack to provide a rich user experience. The key technologies used on the frontend include:

React: A JavaScript library for building user interfaces.
React Router: Declarative routing for React applications.
Redux Toolkit: A state management library for managing application state.
Axios: A promise-based HTTP client for making API requests.
CSS: Cascading Style Sheets for styling and layout.

This stack ensures a responsive and interactive interface for our users.

The backend of Dota 2 Insight Hub handles data retrieval and processing. Here are the main technologies and tools used on the backend:

Node.js: A JavaScript runtime for server-side applications.
Dota 2 API: Official API for Dota 2 game data.

To provide users with up-to-date information, we rely on various data sources:

OpenDota API: Official API for Dota 2 game data.

Dota 2 Insight Hub is deployed using Netlify, providing seamless and efficient hosting. Our deployment process includes:

Netlify: Our hosting service for the application.
Continuous Deployment: Automatic deployment with each code push.

Our development team uses various tools and software to create and maintain the project:

VS Code: A popular code editor used by our developers.
Git & GitHub: Version control and collaboration platform.
Any other development tools and utilities employed in the project.

Key Features

Hero Insights

Summary: Get detailed information about Dota 2 heroes, including their abilities, attributes, and roles. Learn the strengths and weaknesses of each hero.
Details: Dive deep into the world of Dota 2 heroes with comprehensive insights. Explore their abilities, base attributes, and roles in the game. Understand the strategic significance of each hero and make informed choices in your matches.

Item Database

Summary: Explore a comprehensive database of in-game items. Understand item effects, costs, and recommended usage for different situations.
Details: Access a vast collection of Dota 2 in-game items. Discover their unique effects, costs, and recommended scenarios for purchase. Equip yourself with the knowledge needed to make the right item choices during matches.

Pro Matches

Summary: Stay up-to-date with the latest professional Dota 2 matches. Access match details, including teams, scores, and highlights.
Details: Keep yourself informed about the professional Dota 2 scene. Access details of the most recent matches, including participating teams, scores, and exciting highlights. Stay connected with the competitive side of Dota 2.

Pro Players

Summary: Get insights into your favorite pro players. View their profiles, career stats, and achievements.
Details: Connect with your favorite pro players. Explore their player profiles, career statistics, and notable achievements. Gain a deeper understanding of the personalities behind the in-game avatars.

Search and Filters

Summary: Easily find heroes, items, matches, and players with a powerful search engine and filtering options.
Details: Simplify your user experience with powerful search and filtering tools. Quickly locate heroes, items, matches, and players to access the specific information you need. Find relevant content effortlessly.

User-Friendly Interface

Summary: Enjoy a clean and responsive user interface designed for an optimal user experience.
Details: Navigate through Dota 2 Insight Hub with ease. Experience a user-friendly and responsive interface that ensures an optimal user experience, whether you're on a desktop computer or a mobile device.

Performance Data

Summary: View detailed statistics and performance metrics for each hero, item, and player in Dota 2.
Details: Access comprehensive statistics and performance data for every hero, item, and player in Dota 2. Analyze gameplay trends, identify strengths and weaknesses, and make data-driven decisions.

Responsive Design

Summary: Access the application on various devices, including mobile phones, tablets, and desktops.
Details: Enjoy the flexibility of using Dota 2 Insight Hub on multiple devices. Whether you're on a mobile phone, tablet, or desktop, the application's responsive design ensures a seamless experience.

Deployment on Netlify

Summary: Benefit from fast and reliable hosting, ensuring your insights are available at all times.
Details: Experience reliable and fast hosting with the deployment of Dota 2 Insight Hub on Netlify. Your insights and resources are accessible around the clock, ensuring a seamless user experience.

Live Demo

Experience Dota 2 Insight Hub in action by exploring our live demo:

Discover Dota 2 hero insights.
Explore the item database.
Stay updated with professional matches.
Get to know your favorite pro players.
Search and filter to find the information you need.

Feel free to interact with the application and see how it enhances your Dota 2 gaming experience. If you're interested in deploying your own instance of Dota 2 Insight Hub, follow the instructions in the Deployment section below.

💻 Getting Started

To set up a local instance of this project, follow the steps provided below.

Prerequisites

Before running this project, ensure you have the following tools installed on your system:

Node.js
Git
A code editor of your choice

Setup

Click the "Code" button (usually in green) at the top of this repository.
Copy the URL.
Clone the repository by running the following command in your terminal:
```
git clone https://github.com/lily4178993/dota2-insight-hub.git
```

Click Code button (shown in green color)
Copy URL.
Please clone it with the following command: git clone (your copied URL)

Install

Install the project's dependencies with:

  npm install

Usage

To start the project, use the following command:

  npm start

Running tests

Execute tests with the following command:

  npm test

Deployment

You can deploy this project using various hosting platforms or services, such as Netlify or GitHub Pages.

Enjoy exploring the Dota2 Insight Hub!

👥 Author

Meet the author behind the Dota2 Insight Hub project:

👤 Nelly Telli

GitHub: @lily4178993
LinkedIn: Nelly's LinkedIn

🔭 Future Features

Stay tuned for exciting future features and enhancements to make Dota2 Insight Hub even more powerful!

🤝 Contributing

Feel free to contribute, report issues, or make feature requests – your input is appreciated!

Check the issues page for ongoing tasks and discussions.

⭐️ Show your support

If you appreciate this project, please consider giving it a ⭐️ on GitHub.

🙏 Acknowledgments

We would like to express our sincere thanks to the following individuals and resources that contributed to this project:

Dota 2 API: Official API for Dota 2 game data.
React.js: JavaScript library for building user interfaces.
Redux Toolkit: State management library for React applications.
OpenAI GPT-3.5: Natural language processing AI model developed by OpenAI.
Codegrid React Navigation Menu Tutorial: Tutorial on implementing navigation menu and styles in React.
Icons8: Provider of the application favicon.
Nelson Sakwa: Provider of the application original design idea.