For my first full-stack web application for SEI Project 2, I wanted to create something that I could use on a regular basis. Enter truckSFinder. This app is intended to document the different food trucks that a user has visited, log their reviews and ratings, and even save food trucks for future visits! More functionality and a more streamlined design for this app are in the works!
When you browse to truckSFinder, you will immediately be shown a list of all the food trucks currently in the database:
The truckSFinder home page.Use the nav bar at the top of the screen for easy navigation around the app.
To log in, click the 'Log in' button at the top right corner of the screen and proceed as directed.
Make sure to log in!You must be logged in through your Google account to:
- add a food truck to the database
- favorite a food truck
- add a review to a food truck
- edit your submitted food truck
- delete your submitted food truck
- edit your review
- delete your review
Creating an account apart from your Google account is not functional at this time.
That's about it! Head on out there and find some tasty meals with truckSFinder!
Special thanks to Megan Bates from GA's UXDI52 for jumping in and providing a beautiful app design and intuitive user flows that I could take and work off of.
- JavaScript, EJS, and CSS
- Node, Express, MongoDB and MongoDB Atlas, Mongoose, Passport, OAuth, Heroku
- Google+ API
- VS Code
- Icons from Font Awesome
- Additional styling from Bootstrap / Materialize
- Include food truck locations
- Implement sort, find, and filter functionality
- Add a unique to truckSFinder account option
- Use external API to populate and update data
- Use Google Maps API to show location of food truck
- Enable find-a-truck-near-me if user allows access to current location
- Switch from Heroku to something that will allow user to upload photos!
- Pull from Yelp API to access Yelp ratings and reviews