Week 3: Searching the database

We set up a search box that we can type the name of the building and the code will retrieve the data from the data base.  We wanted to separate our api functions in case we change our code implementation but the idea of getting data about a specific building would sit work. 
In the code above we pass the name of the building and get the information about that building only. We can change where we call and how we call this function but the core job that it's doing which is loading the information will always be working.  
In the database we store the name of the building, description, and an URL to the image that is stored in the cloud. 

The code above show how those elements are rendered back to the screen. 















Comments

Post a Comment

Popular posts from this blog

Week 11

Image
 The time has finally come, the final week of work on our presentations. We had lots of work on our table, but we managed to come out with a good final product. We were able to successfully implement routes between certain buildings, a search function, as well as some other CSS things as well as custom icons for the different locations throughout campus. We were also able to clean up some of the code and iron out some errors that we were having.  This is our final transmission as we present our project this Tuesday from 9-11 to the rest of our peers. This has been a challenging project for many different reasons but overall we are happy with the outcome of our project.
Read more

Week 7: Switching to Google Mpas

Image
       This week, we decided on switching to Google Maps from Here Maps in React due to the time-consuming and confusing nature of its map implementation. The map is currently able to be displayed in hybrid mode, which shows a mix of normal and satellite views, and has the ability to be tilted at certain locations at higher zoom levels as shown below. It is also restricted to the Augustana College area and has icons turned off using styling. This API should prove much easier to work with, as well as provide features used by Google Maps. The next steps are to add markers for important locations. Source
Read more

Week 10

Image
 This week we were able to help students get around campus. We were able to implement a button that shows the current ACES vans route around campus. This just shows where the ACES van goes and is able to pick students up from different locations around campus. You can show the route, or hide it with the simple click of a button. We have also been able to implement more locations around campus and information about them. The red line represents the the ACES route.  We have entered the final week of this sprint. We are working on finishing up some final functionalities such as a search function, different icons for the different types of buildings, the hiding of different infoboxes when others are opened, and the ability to get directions around campus.
Read more