-
-
Main page
-
Cafe options
-
Map & Directions
Inspiration
We were inspired by our love for visiting cafes and wanted to share our favorite spots near CSULB!
What it does
Our program allows you to enter a cafe name, and the web app fetches driving directions and displays them along with a Google Map.
How we built it
Using Flask, we set up a simple web server to handle requests. The server has endpoints for serving the list of cafes and fetching directions using the Google Maps API. The frontend is designed with HTML, CSS, and JavaScript to provide cafe images, descriptive text, and interactive elements.
Challenges we ran into
This was our first time using Flask so we had a lot of trouble with the syntax and troubleshooting. Additionally, we found Google Maps API challenging to work with because we would consistently get an internal server error in the beginning. Furthermore, we faced multiple complications with the html server and how we tried to keep the images in place, however they would usually move around and look wonky due to the margins and paddings.
Accomplishments that we're proud of
We are proud of being able to extract and display directions from Google Maps API onto our web app. Additionally, we are proud of ourselves for being able to create a webpage using html and using outside art applications to display hand drawn images.
What we learned
We learned how to use Flask and how to use an API in our program. Additionally, we learned how to use Postman for API testing and how to push our projects to Github using terminal. We also learned a lot about coding in html.
What's next for Little Latte Love
Next, we hope to use geolocation API so we can use the user’s current starting location. Right now, we have it automatically set to the Go Beach sign, but we're looking forward to making it more personalized!
Log in or sign up for Devpost to join the conversation.