Improvements from react

[mebemot]

Changes Between Branches

PWA

• The app is installable and playable offline
  • Can be installed/viewed from: https://improvements-from-react.d2fcfr3e9w6oci.amplifyapp.com/
• It is styled to dynamically adapt to screen resolution
  • Uses CSS modules imported into the react components to do this

Connectfour has been added

• Many of the Tictactoe components have been reused/ slightly changed for the differences between games
• ConnectfourRules handles more complex logic that makes up the game
  • Checking lines for a winner
  • Ensuring the counter drops to the free position closest to the bottom of the grid

Both Games have become part of a single app

• There is a navbar which always runs the top of the screen
  • This has a drop down list of the available pages that can be displayed
• There is also a home screen which uses cards to inform users of what is on each page
  • These cards also work as links

Components have been refactored

• They have been separated out to streamline their purpose
  • History and Status have become independent
• They have been changed from classes to functions to streamline code
• Method for rendering the board now uses CSS grid (TictactoeBoard.js)

Thank You For Your Time!

[Jo-R]

Hey, so this is really good work :-) Hope the comments so far are useful. I haven't really looked at tic tac toe so far but at a quick glance it looks similar structure so a lot of the comments above apply to both (and obviously other comments might apply where you've done similar stuff in other places).

I'm a bit in holiday brain mode this afternoon so haven't really looked properly at the ConnectfourRules file but I will have another look at the weekend sometime if you're up for more comments? (I'll also have a look at the css and see if there's anything I can add there...and I'm totally going to have a look at your tests but that's because we have zero tests for the webapp I work on and we need to sort that at some point and er I've never written any React tests so I'll probably learn something off you there!).

Also, if any of the stuff I've said is unclear just let me know and I can probably dig out examples etc (and I'm not perfect by any means so also feel free to disagree with some of the suggestions :-))