Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/eccb7/metrix-app

This is a Gaming Catalog App that is dynamic and has a user-friendly platform designed to cater for gamers and gaming enthusiasts. Whether you're a casual gamer or a dedicated enthusiast, my app provides a seamless experience for exploring and discovering a diverse range of video games.
https://github.com/eccb7/metrix-app

css3 games react react-router redux-toolkit

Last synced: 23 days ago
JSON representation

Host: GitHub
URL: https://github.com/eccb7/metrix-app
Owner: Eccb7
License: mit
Created: 2023-08-01T10:35:14.000Z (over 1 year ago)
Default Branch: development
Last Pushed: 2023-08-18T14:38:33.000Z (over 1 year ago)
Last Synced: 2024-10-19T12:05:03.510Z (2 months ago)
Topics: css3, games, react, react-router, redux-toolkit
Language: JavaScript
Homepage: https://eccb7.github.io/metrix-app/
Size: 5.78 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        



  

  

  


 Game Metrics App





# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

  - [Project Walkthrough](#walkthrough)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

- [👥 Author](#author)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#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](https://eccb7.github.io/metrix-app/)

## Walkthrough 

- [walkthrough](https://www.loom.com/share/462ee0248bb5448084380f08d94ddf0c?sid=fe176d66-49b8-4898-8729-b01ada87e9ca)

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

```bash

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

```

### Install

To install all dependencies, run the following command:

```bash

npm install

```

### Run Tests

To run tests, use the following commands:

- To track CSS linter errors, run:

```bash

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

```

- To track JavaScript linter errors, run:

```bash

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

```

### Build

To build the project, run the following command:

```bash

npm run build

```

### Webpack Development Server

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

```bash

npm start

```

(back to top)


## 👥 Author 

👤 **Ojwang Briton**

- GitHub: [@Eccb7](https://github.com/Eccb7)

- Twitter: [@briton_otieno4](https://twitter.com/briton_otieno4)

- LinkedIn: [briton-otieno-ba6591244](https://linkedin.com/in/briton-otieno)

(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](https://github.com/Eccb7/metrix-app/issues).

(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](https://www.microverse.org/) 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](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)).

- [MMOBomb](https://www.mmobomb.com/) 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](./LICENSE) licensed.

(back to top)