OKSee is a modern and simple cross platform mobile app showcasing the best parts of Oklahoma City, Oklahoma. The main staple of this mobile app is the attempt for a modern, sleek, and simple UI/UX. All images, color-schemes, and software engineering was done and maintained by Noah Velasco.

Technologies Used

---

Preview

---

Live Demo

Demo Link (Youtube)

---

Features / Todo's

• Branding
• Splash Screen
• Bottom Nav Bar (info-map-locations)
• Landing Screen <=> Map Screen
• Weather Forecast Overlay
• Locations Overlay Button + Pins
• Custom Google Map
• Animated Expanding Locations Button
• Establishments Screen (list of all locations)
• Establishments list search bar
• Establishments filter chips
• Selected Location Birds Eye View
• Introduction Screen
• Comment cleanup
• Documentation

---

How to use

1. Include your own Google Maps API key in the android\app\src\main\AndroidManifest.xml in below tag

<meta-data android:name="com.google.android.geo.API_KEY" android:value="<YOUR GOOGLE MAPS API HERE>"/>

2. Create an API key from OpenWeatherMap and store it in a .env (put in root dir) as below:

WEATHER_API_KEY=<YOUR OWM API KEY HERE>

3. Run npx expo start in ./App.js directory:

---

Build Info

• node --version v18.17.0
• npm --version 9.8.0
• npx react-native --version 0.72.3
• choco -v 1.1.0

---

Possible Issues

• Not tested on iOS => unset permissions for location, google maps, react native maps, & dotenv

---

Sources

• Google Maps Markers + Map Customization