Find a food truck, calm a craving.
Final report of our design process
Experience the hi-fi prototype here
It’s lunch time. You just got out of a late class and you’re starving. But you’re sick of Coupa, you’re out of meal plan dollars – it’s not going well. So where do you go?
Food trucks, serving good, cheap, and convenient food, are perfect for on-the-go college students and working young adults. But due to their changing schedules and locations, they’re sometimes hard to find. But, there isn’t an existing food truck finder app. So we decided to build one, redesigning the food discovery process to focus on connecting consumers to food trucks they love.
- Find & track trucks near you
- Read reviews that aren’t just a wall of text
- Be rewarded with discounts
Download the .zip from our website, and navigate to the folder containing the project:
npm install react-native-maps --save
npm install --save react-native-elements@beta
npm install yarn add react-native-typography
npm install --save react-native-modal-datetime-picker
npm install --save react-navigation
npm install --save react-native-snap-carousel
npm i -S react-native-multiple-tags
npm install --save react-native-progress-bar-animated
npm install --save react-native-onboarding-swiper
npm install --save react-native-tag-autocomplete
npm install react-native-popup-menu --save
expo start
Afterwards, scan the QR code with your phone (and install Expo if needed) to see our prototype!
No special operating instructions.
- The prototype does not contain concepts of user accounts
- Onboarding happens every time you launch the prototype
- All of the data in the app is hard-coded (dates, locations, profiles, etc.)
- Search on the map is hard-coded
- Changes in state do not persist across different views
- I.e. following/unfollowing a truck does not persist, setting a reminder does not persist
- Users can go through the flow of adding a review, but the review data is not saved anywhere and the screen does not update to include the user’s review
- Users can add duplicate tags to a review; there is no edge case handling
- We envisioned many animated transitions (between screens, when overlays pop up, etc) that were not implemented
Used npm install react-native-maps --save to use the Google Maps API.
Used npm install --save react-native-elements@beta to use React Native Elements.
Used npm install yarn add react-native-typography to use React Native typography.
Used npm install --save react-native-modal-datetime-picker to pick a date & time.
Used npm install --save react-native-modal-datetime-picker to implement the bottom navbar.
Used npm install --save react-native-snap-carousel to implement the photo carousel.
Used npm i -S react-native-multiple-tags to implement the review tags.
Used npm install --save react-native-progress-bar-animated to implement the progress nar.
Used npm install --save react-native-onboarding-swiper to implement the onboarding swiper.
Used npm install --save react-native-tag-autocomplete to implement the tag system.
Used npm install react-native-popup-menu --save to implement the popup.
Allow usage of location from instructions here.