Taco Track is Taco Truck mapping app. Taco Track uses API data to map, locate, and display information on Taco Trucks in Oxnard, California. A marker identifies the location of each taco truck on the map. The user clicks on the designated map marker to receive additional information about the Taco Truck, including a photograph when available. It's worth taking note that none of the local taco trucks have websites but utilize Facebook as an alternative.
The user clicks on the hamburger menu icon to access a search input window and a pre-populated list of Taco Trucks. Users can track and enjoy some of the best Mexican food in the country.
This is a Reactjs Neighborhood Map app built as the final project of the Udacity Frontend Developer Nano Degree.
This project was bootstrapped with Create React App.
(https://github.com/SoCalChristina/react-neighborhood-map-resubmit)
Adds the required dependencies.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
This app uses the default service worker provided in the starter code. The service worker only works in production build.
The service worker is opt-in only. To opt-in, open the serviceWorker.js file and change registration.unregister(); to registration.register();.
If you need to test your offline-first service worker locally, build the application (using npm run build) and run a simple http server from your build directory. See: (https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app#offline-first-considerations) for more information.
-
Google Maps (https://cloud.google.com/maps-platform/)
-
Google Maps React (https://github.com/fullstackreact/google-maps-react)
-
@material-ui/core (https://www.npmjs.com/package/@material-ui/core)
-
Font Awesome (https://fontawesome.com/)
-
FourSquare Developers Places API data (https://developer.foursquare.com/places-api),
-
Taco Truck icon made by Freepik (https://www.freepik.com/) from Flaticon (https://www.flaticon.com/) and licensed by (http://creativecommons.org/licenses/by/3.0/) Creative Commons BY 3.0
All resources are referenced here and/or in the code.
- FEND P7 Walkthrough with Doug Brown (https://www.youtube.com/watch?reload=9&v=NVAVLCJwAAo&feature=youtu.be)
- Doug Brown's fend-maps-walkthrough (https://github.com/thefinitemonkey/fend-maps-walkthrough/blob/master/src/components/MapDisplay.js)
- Coding Session - Google Maps With React JS (https://www.youtube.com/watch?v=5J6fs_BlVC0&feature=youtu.be)
- Neighborhood Map (Series of 6 Videos) by Forrest Walker (https://www.youtube.com/playlist?list=PL4rQq4MQP1crXuPtruu_eijgOUUXhcUCP)
- Facebook Create React App (https://facebook.github.io/create-react-app/docs/getting-started)
- React documentation.
- 12/01/2018 1 on 1 tutoring session with Sarah Cervantes