Board Square - Copy this React, Tailwind Component to your project

Create a webpage using html, css, php, sql, that contains a board that has 100 squares (10x10) that can be used for a raffle. it needs to be set up so someone can purchases an individual square by choosing an empty square by clicking on it and entering their name on every purchased square. after a square is purchased and their name has been entered, the names should remain visible in each square indicating that square has been purchased and cannot be selected again. when all 100 squares have been purchased and have a name in each square, then we can draw a winner. the squares should be numbered 0 9 vertically (x axis) and 0 9 horizontally (y axis) so the raffle can be run by choosing a random number from each axis and the name that is in that corresponding square is the winner.