Game Metrics App

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • Project Walkthrough
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
• 👥 Author
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 book-store

Welcome to game-metrix-app! This is a web application that allows users to discover and explore a collection of online games from various genres. Whether you're a fan of MMORPGs, shooters, strategy games, or any other genre, this platform offers an easy way to browse through a diverse selection of games.

🛠 Built With

Tech Stack

Client

• React
• Redux
• React Router
• Axios
• HTML
• CSS
• JavaScript

API Source

• MMOBOMB

Key Features

• Game Catalog: Browse through a wide range of online games, each with its own details, including title, genre, release date, and more.

• Genre Sorting: Use the genre filtering feature to narrow down your game choices based on your preferred genres. Choose from a variety of genres, including shooters, RPGs, MOBAs, racing games, and many others.

• Game Details: Click on a game to view more detailed information, including an image thumbnail, a short description, and additional game-related details.

• Navigation: The navigation system provides an intuitive and user-friendly experience, allowing you to seamlessly switch between the homepage and the details page of each game.

• Responsive Design: Enjoy the platform's functionality and aesthetics on various devices, from desktop computers to smartphones and tablets.

(back to top)

🚀 Live Demo

• Live Demo Link

Walkthrough

• walkthrough

(back to top)

💻 Getting Started

Prerequisites

To run this project, you need the following:

• 🌐 Web browser
• 🐙 Git
• 👨‍💻 Code editor

Setup

Clone this repository to your desired folder:

git clone https://github.com/Eccb7/metrix-app.git

Install

To install all dependencies, run the following command:

npm install

Run Tests

To run tests, use the following commands:

• To track CSS linter errors, run:

npx stylelint "**/*.{css,scss}"

• To track JavaScript linter errors, run:

npx eslint "**/*.{js,jsx}"

Build

To build the project, run the following command:

npm run build

Webpack Development Server

To run the webpack development server, execute the following command:

npm start

(back to top)

👥 Author

👤 Ojwang Briton

• GitHub: @Eccb7
• Twitter: @briton_otieno4
• LinkedIn: briton-otieno-ba6591244

(back to top)

🔭 Future Features

• User Authentication and Profiles: Implement user authentication and allow users to create profiles, save their favorite games, and track their gaming history.
• Game Recommendations: Implement a recommendation system that suggests games to users based on their preferences and playing history.
• Game Details Enhancements: Expand the game details page to include additional information such as gameplay videos, screenshots, system requirements, and user reviews.

(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 ⭐️

(back to top)

🙏 Acknowledgments

Special thanks to the following individuals and organizations for their contributions and resources that helped make this project possible:

• Microverse for providing the collaborative learning environment that inspired and facilitated the development of this project.

• Nelson Sakwa for the design inspiration of this project. The design concept was based on Behance.

• MMOBomb for providing the API used in this project, allowing access to valuable data for game information.

We are grateful for their support and resources that enriched the development process.

(back to top)

📝 License

This project is MIT licensed.

(back to top)