- Daniel Perez Alfaro
- Ying Jie Mei
- Josuel Corporan Vargas
- Minseo Cho
The cross-platform mobile application Street Savors is a reliable intermediary between vendors and customers, providing insight into the location of mobile consumer trucks. Its focus is on establishing direct and instantaneous navigation functionality more often for consumers of an urban metropolitan area.
- Consumer Side: The ideal consumer is one who enjoys the quick-paced and immersive city lifestyle without the added caveat of expensive indoor dining. This software also tailors to a much younger population, specifically our Gen Z and Millennial demographics, who, as numerous studies continue to show, are responsible for this paradigm shift in consumer marketing. As a customer, a client is given a comprehensive assortment of available mobile food trucks and dispensaries, and upon selecting, is prompted with the quickest route to reach its location with the added feature of in-app purchases and custom signaling, alerting the nearby truck of a person currently navigating in progress.
- Vendor Side: As a vendor, the patron is provided with a custom interactive user interface detailing the various locations, hub spots, where customers are positioned. The software also provides insight into the most optimal area to remain stationed, ensuring a sufficient consumer base. The platform can then create intuitive, customizable in-app reports, summarizing a business's gross revenue stream with any necessary labor costs.
Our system designs begin with selecting their role, customers or vendors. Each user, upon login, has the choice to authenticate themselves either as a consumer or a seller, setting the stage for a personalized and role-specific experience. This initial user role selection is fundamental, as it shapes the entire navigation and functionality within the application. Furthermore, the user-provided information during the sign-up process is securely stored in Firestore. Utilizing geolocation, we retrieve the user’s current location, saving it in Firestore. The dynamic integration of geolocation not only enables accurate storage but also facilitates real-time updates on a map. Customers can search food trucks, placing food orders, and once the order is confirmed, the information is communicated to the database. For the vendor side, they can discover customer hub spots. Also, vendors have the flexibility of managing their menu through the ability to add, edit, or delete menu items.
- React Navigation
- @react-navigation
- @react-navigation/native
- @react-navigation/native-stack
- React Native Maps
- ‘react-native-permissions'
- ‘react-native-maps'
- ‘react-native-maps-directions'
- Bottom Sheet - Bottom Sheet Gorhom
- @gorhom/bottom-sheet
- Geolocation
- ‘react-native-geolocation-service'
- Firebase
- @react-native-firebase\auth \ User Authentication
- @react-native-firebase\firestore \ Real-Time Database
- Setting Up React Native Environment:
- Initial Setting: React-Native Get Started
- Preparing Xcode:
- Install Xcode for iOS: Xcode
- Set up a simulator in Xcode for testing your app.
- Preparing Android Studio:
- Install Android Studio for Android: Android Studio
- Open Android Studio and install the necessary SDKs and tools using the SDK Manager.
- Clone Repository
(clone project)
(cd project folder)
npm i -g react-native(optional)
npm install \\ node_modules
- Running React Native App
(cd StreetSavor)
npx react-native run-ios \\ run the app on iOS simulator
npx react-native run-android \\ run the app on Android emulator
(Metro bundler)
npm start \\ development build