- π About the Project
- π» Getting Started
- π₯ Author
- π Future Features
- π€ Contributing
- βοΈ Show your support
- π Acknowledgements
- π License
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.
Check out our video presentation to get a quick overview of this project.
π Built With HTML5 , CSS3, REACT and REDUX
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:
Frontend
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.
Backend
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.
Data Sources
To provide users with up-to-date information, we rely on various data sources:
- OpenDota API: Official API for Dota 2 game data.
Deployment
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.
Development Tools
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.
Hero Insights
Click to expand
-
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
Click to expand
-
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
Click to expand
-
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
Click to expand
-
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
Click to expand
-
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
Click to expand
-
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
Click to expand
-
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
Click to expand
-
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
Click to expand
-
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.
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.
To set up a local instance of this project, follow the steps provided below.
Before running this project, ensure you have the following tools installed on your system:
-
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 the project's dependencies with:
npm install
To start the project, use the following command:
npm start
Execute tests with the following command:
npm test
You can deploy this project using various hosting platforms or services, such as Netlify or GitHub Pages.
Enjoy exploring the Dota2 Insight Hub!
Meet the author behind the Dota2 Insight Hub project:
π€ Nelly Telli
- GitHub: @lily4178993
- LinkedIn: Nelly's LinkedIn
Stay tuned for exciting future features and enhancements to make Dota2 Insight Hub even more powerful!
Feel free to contribute, report issues, or make feature requests β your input is appreciated!
- Check the issues page for ongoing tasks and discussions.
If you appreciate this project, please consider giving it a βοΈ on GitHub.
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.
Your support and these valuable resources have been instrumental in the development of this project.
This project is licensed under the MIT License.