From the course: Developing a Full-Stack App with the Gemini API
Join today to access over 25,500 courses taught by industry experts.
User interface implementation
From the course: Developing a Full-Stack App with the Gemini API
User interface implementation
In this video, we are going to be wiring our frontend search feature component to the backend endpoint we just built so that we can start getting travel suggestion results. To begin, first, let's look at what we have going on in the frontend section of our seed project, specifically for the search feature. The search feature is present in the Search by Location tab on our home page. Here we can see our search text box, preferences checkboxes, and submit button. If we go back to VS Code and locate the index.html file for our home page and scroll down to the Input Tabs section, we can see our Search by Location tab. And if we scroll just a little bit further down, we can see our request form with all our form widgets for the location search. We have the input text box where we can enter in a location and get suggestions for destinations we can travel to. And we also have our list of travel preferences, checkboxes for each of the options that are available for us on this application. Now…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.