Skip to content

Latest commit

 

History

History
80 lines (67 loc) · 3.14 KB

README.md

File metadata and controls

80 lines (67 loc) · 3.14 KB
Raw

Alternative text

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

react react googlemaps openweather

Preview

Live Demo

dart

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>"/>
  1. 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>
  1. 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