I am building a website only for 50 people to use it. it is basically a parking website where users can see which parking is free. now out of 50 i have to allocate 30 parking slots to few users . other 20 parking slots will be free,
now this is the 1st screen users will see after login to the website. now user can click this parking zone button to navigate to the parking layout area as shown in below image.
now suppose i have allocated a parking slot no 31 to a user. here 31 is in red color is a container box element.now my requirement is that
1. how to allocated these container boxes to user who will login. Is there any way to maintain a database with user login and container box id. If way is there then how to achieve it.
2. if any user is assigned box no 31. so when he clicks on box 31 it should turn green in color and should be updated globally so that when some different user log in to the website , he should see the box 31 in green.I mean any way to update the website automatically every after some time interval say 4 mins or 5 mins.
**note that here all users will see only above 2 screens .
Please guide me if this requirement is possible to do ASAP.