This project is a web page that displays information about the game Overwatch 2 using the Overwatch API. It provides various features and functionalities to explore heroes, maps, and abilities within the game.
The web page relies on the Overwatch API provided by https://overfast-api.tekrop.fr/. The API offers endpoints to retrieve data related to heroes, maps, abilities, and more. For detailed information on the API endpoints and response formats, please refer to the API documentation.
- Display a list of available heroes in Overwatch 2.
- Provide detailed information about each hero, including their abilities and videos.
- Showcase different maps within the game and provide relevant details.
- Filter heroes based on their roles (tank, damage, support).
- Responsive design to ensure optimal user experience across different devices.
- Smooth animations and transitions for a visually appealing interface.
- HTML5 and CSS3 for the structure and styling of the web page.
- JavaScript for implementing dynamic functionality and API interactions.
- React library & MaterialUI for building reusable UI components and managing state.
- React Router for client-side routing within the application.
To run this project locally, follow these steps:
- Clone the repository:
git clone <repository-url> - Navigate to the project directory:
cd overwatch-2-page - Install the dependencies:
npm install - Start the development server:
npm start - Open your browser and visit: http://localhost:3000
or view demo in Overwatch-2-page
Contributions to this project are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
- Overwatch API by Tekrop: https://overfast-api.tekrop.fr/
- Overwatch Logo: https://www.overwatch.com/