Web app that combines data from HowLongToBeat and OpenCritic.

Overview

Should I Play This?

Website allows users to search for games and the results merge critic's average rating from OpenCritic and the amount of time to beat a game from HowLongToBeat into one card.

Website is accesible at http://shouldiplaythis.com/.

Screenshots

Desktop

Desktop Screenshot

Mobile

Mobile Screenshot

Contributing

Prerequisites

Node.js, which includes npm, must be installed.
https://nodejs.org/en/download/

Instructions

The site is built using React.
https://reactjs.org/

To contribute changes clone the repo locally.
Then in the project root folder run npm install.
After the install has completed run npm start to launch the live development environment.
The site will be live at http://localhost:3000/.

Once you've made a change please submit a pull request and it will be reviewed/merged accordingly.

Comments
  • Issues with showing game lengths of Single player only games

    Issues with showing game lengths of Single player only games

    I noticed this with Single player only titles such as Mass effect Legendary edition where it shows Co. Op & Vs. with no game length. image

    But in howlongtobeat its only single player with a range of game length! image

    Please fix this if possible!

    opened by tejapoth 2
  • Store data in queryable format

    Store data in queryable format

    This might be a bit of a design shift, I haven't really looked through the code much.

    It would be nice if the server could cache the data once a day, then serve that cache. It could store the most popular permutations available, before serving the cache as an SQLite database. It'd be faster to send requests to a server that processes and responds only what is needed, but if you want very few server costs it might be the way to go.

    Miiiiight be able to run the updates on GitHub tasks, I've done that for a few small projects. elementary's releases page does this as well: https://github.com/elementary/releases

    enhancement 
    opened by GammaGames 1
  • Search issues with punctuation, colons etc

    Search issues with punctuation, colons etc

    Hi I’m having issues with search with punctuation and colons. Most of the time it works, but some specific cases it doesn’t work. Here are the examples:

    In summary, please fix french accents i.e Pokémon and : and - and ;

    thanks for your work on this extremely helpful site

    opened by tejapoth 0
  • API calls are being called twice for `GameBox.js`

    API calls are being called twice for `GameBox.js`

    After searching all previous results are queried again.

    This is because it's querying the searchInput state. Setting it to an empty array on search will solve this.

    opened by GamerKingFaiz 0
  • Missing OpenCritic/Game Length

    Missing OpenCritic/Game Length

    Hi Faiz, I will use this to occasionally update games that I find which are missing Opencritic or Game length!

    Right now | missing Opencritic:

    • Travis Strikes Again: No More Heroes - https://opencritic.com/game/7117/travis-strikes-again-no-more-heroes

    Should I play this - https://shouldiplaythis.com/?page=1&search=Travis%20Strikes%20Again:%20No%20More%20Heroes

    There are 2 versions of Travis Strikes Again: No More Heroes one is complete edition and other is original and they both have opencritic. Regular version - https://opencritic.com/game/7117/travis-strikes-again-no-more-heroes Complete Edition - https://opencritic.com/game/8500/travis-strikes-again-no-more-heroes-complete-edition

    SIPT only shows Opencritic for Complete edition and not for regular version. Cheers!

    opened by tejapoth 1
  • Tabbing shifts game cover image down

    Tabbing shifts game cover image down

    Tab through the site and game covers shift down.

    Example video showing the problem:

    https://user-images.githubusercontent.com/9065136/148313637-e485e83d-0602-4943-b462-b237821ee266.mp4

    bug help wanted 
    opened by GamerKingFaiz 1
  • Scroll to top after search

    Scroll to top after search

    Particularly useful on mobile. If you do a search while mid way down the page it doesn't scroll back to the top, so you're looking at the new results mid way down the page.

    enhancement 
    opened by GamerKingFaiz 0
  • Migrate to typescript

    Migrate to typescript

    Hey! So I know this is a large PR, and you might not use typescript, so that's possibly annoying. I wanted to do this mostly for practice (didn't take long with a migrate tool) and just in case you keep working on this site, I believe types will be very useful. I didn't use to but now I love TS for projects of every size.

    Other changes besides typescript:

    • Pass searchInput state to SearchBar. Technically you were re-rendering the whole app when typing.
    • keyCode is deprecated, and key === 'Enter' is way more legible
    • Separated theme to its own file, also due to TS's complaining when adding mobileCard.

    Hope it's useful, and if it's not, then at least I hope it's good for checking out some TS!

    opened by rodrigojmr 6
  • Thoughts on including active player count?

    Thoughts on including active player count?

    Great project. I was looking for something like this.

    What do you think about integrating something like steamcharts for active player count since thats something I always look at when searching for multiplayer games.

    The problem would be for games that are not on steam or don't have these stats available anywhere

    enhancement 
    opened by affanshahid 4
Owner
Faiz-ur Rahman
Avid gamer, foodie fanatic, and tech lover.
Faiz-ur Rahman
React-app - Building volume rendering web app with VTK.js,react & HTML Using datasets provided in vtk examples (head for surface rendering and chest for ray casting)

SBE306 Assignment 4 (VTK) data : Directory containing Head and Ankle datasets Description A 3D medical viewer built with vtk-js Team Team Name : team-

Mustafa Megahed  2 Jul 19, 2022
"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

BookStore | M3Wx "BookStore" is a web app for adding and removing books from a library storage. It is a Single Page App (SPA) that allows users to add

Alexander Oguzie-Ibeh 4 Apr 11, 2022
Web App to store a list of books (Title and Author) made as a single page app.

Awesome Books This project its an interactive list of books, you can add and remove items to the list. Built With HTML JS Getting Started In this proj

Alex Puente 7 Nov 9, 2022
Create Sonnat App - Set up a modern web app which is powered by Sonnat.

Create Sonnat App - Set up a modern web app which is powered by Sonnat.

Sonnat 2 Jan 31, 2022
Fetching data from REST COUNTRIES API, this app (mobile version for now) gives information like area, population, capital, and borders for 195 countries from seven continents.

Space Travellers' Hub World Countries App works with an API which returns informations about 195 countries. Fetching data from REST COUNTRIES API, thi

Nicolae Pop 7 Aug 8, 2022
An SST app that stores the telemetry data collected by the SST CLI.

Telemetry An SST app that collects telemetry data from the SST CLI and sends the events to Amplitude. It also backs up the events to AWS S3. Architect

Serverless Stack 3 Jan 23, 2022
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 8, 2023
Space Traveller hub is a web application that works with the real live data from the SpaceX API

Space Traveller hub is a web application that works with the real live data from the SpaceX API. It's a web application for a company that provides commercial and scientific space travel services.

Roland MWEZE 3 Feb 8, 2022
Recipe providing mobile app, User selects ingredients in pantry and is then provided recipes for those ingredients. App contains a signup/login, meal planner and grocery list pages.

Recipog Student Information Name Connor de Bruyn Username Destiro Assignment SWEN325 A2 Description “Recipog” is a recipe providing app that allows th

Connor de Bruyn 1 Dec 26, 2021
Concircle scanner mobile app is application That helps you scan your order and position and to know if there are exact or not. it's cross-platform app.

Concircle scanner mobile app ⭐ Star on GitHub — it motivates Me a lot! Concircle scanner mobile app is application That helps you scan your order and

Aymen Ouerghui 10 May 7, 2022
The chat app built with microservice architecture, the app using: Lerna, pm2, GraphQL

Microservice Chat App A microservice app! Built With Lerna pm2 Graphql Sequelize Socket.io About The Project Here's why: I want learn socket.io and mi

A.Samet Palitci 26 Aug 27, 2022
A Workspace Web App powered by React and Node Js.

zc_main This is the Zuri Chat frontend built with ExpressJS (Backend) and React (Frontend) Getting Started. Make sure you have nodejs installed by run

Zuri Chat 189 Dec 14, 2022
Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read

bookStore Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read Built With

Yassine Omari 7 Jul 20, 2022
A web app built with Covid-19-API that displays Covid 19 cases, deaths and recovery per country in the entire World

Covid19 Tracker A web app built with Covid-19-API that displays Covid 19 cases, deaths and recovery per country in the entire World Built With HTML, C

Promise Okechukwu 4 Nov 1, 2022
Set up a modern web app by running one command.

Create React App Create React apps with no build configuration. Creating an App – How to create a new app. User Guide – How to develop apps bootstrapp

Facebook 98.4k Jan 1, 2023
React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)

React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr

Kriasoft 21.7k Dec 30, 2022
Work from is a web app created by Josh Cawthorne for the Supabase Hackathon.

Work From What is Work From? Work from is a web app created by Josh Cawthorne for the Supabase Hackathon. The concept of the app is for companies to b

Josh Cawthorne 86 Jan 3, 2023
IngredientRecipeFinder - Web app built with react using Edamam API to find any recipe for an ingredient search with nutrition filters (high protein, low carb,etc)

Ingredient Recipe Finder Web app This web app built with the use of Edamam API allows you to find any type of recipe for a specific ingredient you are

null 1 Jan 4, 2022
This is a challenge intiated by ModelSis. It consists in building a basic fullstack web app

modelsis-react-fullstack ?? Description This is a challenge intiated by ModelSis. It consists in building a basic fullstack web app. The current repos

Régis 1 Jan 21, 2022