-
Front-End
- what UI elements are there? index.html: reservation btn, view tables btn footer: API Table Link/API Waitlist link reservation.html: form with submit btn, home btn, view table btn footer: API Table Link/API Waitlist link table.html: cards with booked table info, reservation btn, home btn footer: clear table/API Table Link/API Waitlist link each html with footer control panel
- what information does the user need? link to website Name, Phone#, EMail, ID
- can we leverage any bootstrap components in our design jumbotron, btn, form, card, icon
-
Back-End
- What data needs to be stored? Reservation Array with the following info: Name, Phone#, Email, ID Waitlist Array
- What routes are we going to need? GET: all three html POST: view, render html, render json
- HTML routes? (how many different pages will there be?) index.html reservation.html table.html
- API Routes? (GET/POSTS) index.html: GET table.html: Jquery AJAX reservation.html: POST (oneway)
user lands on index.html (req) - response: render html sends request by hitting btn to either: * make reservation - response: html renders - user can input details and hit submit (request)- response: server responses by POST (adding information) * check tables - response: JQuery AJAX to call information and render HTML