GitHub / akashchandran707 / Angular-Node-basic

Implement the following scenario using angular/react/vue in front end and node js in the backend: There are 100 red squares on the screen with 10 in each row. Each of those squares resembles a seat and there will be a ‘reserve’ button on each square. On clicking the reserve button on each seat, the following results will occur: If none of the adjacent seats (vertically, horizontally or diagonally) are already reserved, the clicked seat gets reserved and the color changes to green. The ‘reserve’ button disappears and a ‘cancel’ button appears. If any of the adjacent seats (vertically, horizontally or diagonally) are already reserved, an error message is to be shown on top of the screen as ‘The selected seat cannot be reserved’. Clicking on this ‘cancel’ button on a reserved seat will revert the reservation status of the seat. It will change back to red and the ‘reserve’ button will reappear instead of the ‘cancel’ button. The status of each seat is to be saved in the database and you are required to send an API call on reserving/canceling each seat.

JSON API: https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akashchandran707%2FAngular-Node-basic

Files

Dependencies