Game Categorizer Flatiron Phase 3 ActiveRecord Project

Tristan Hawes
2 min readJun 15, 2021

We just finished our third project, focusing on ActiveRecord and making our own our own Backend. Overall, using ActiveRecord was personally far easier to me than the section on React, and in fact, the only issues I encountered while coding this Project were once again issues with React.

The project I decided to work on was a sort of Game Library organizer, though it is still in a rather rudimentary state. From the main page you see a home sight and a link to the category page at the top, I plan to eventually add a tab to search amongst every game in your library. For now, you can select the category tab to see a listing of Icons and categories that the games are sorted into and selecting one will let you see all the games in each category, or at a new game, and each game name is a link to a google search of the game.

More on the Technical side of things, I had encountered an issue where my application was constantly was constantly fetching delete and attempting to remove any games I had added, even though the function doing so was tied to a button onClick that I never pressed. I had initially thought that the issue was with my backend, but upon looking closer at my code I found that I had accidentally written

<button onClick={{this.props.deleteThisGame(this.props.game.id)}}>Delete</button>

Instead of:

<button onClick={() => {this.props.deleteThisGame(this.props.game.id)}}>Delete</button>

Which caused the function to be called continuously as opposed to only when it was pressed. Overall, ActiveRecord was fairly easy to understand, but I clearly need to go back and do some more studying in React.

-Thank you for reading, TJ Hawes

--

--

Tristan Hawes
0 Followers

An up and coming programmer currently still learning the ropes from Flatiron.