OKSee is a modern and simple full stack web 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
• Landing Screen <=> Map Screen
• Custom Google Map
• Side Nav Bar (locations)
• Weather Forecast Overlay
• Locations Overlay Button + Pins
• Establishments list search bar
• Establishments filter chips
• Selected Location Birds Eye View
• Comment cleanup
• Documentation

---

Running the application

Prerequisites

• Java 20 installed and configured
• NodeJS installed
• Create a .env folder inside the ./frontend folder and add the Google Maps API and the Open Weather Maps API keys

GOOGLE_MAPS_API_KEY=<YOUR GOOGLE MAPS API KEY>
NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=<YOUR GOOGLE MAPS API KEY>
OWM_API_KEY=<YOUR OPEN WEATHER MAP API KEY>
NEXT_PUBLIC_OWM_API_KEY=<YOUR OPEN WEATHER MAP API KEY>

1. Run start.sh script (initializes the backend and frontend)

$ ./OKSEE-FullStack
./start.sh

2. Open a new browser window and go to http://localhost:3000

3. (OPTIONAL) View Backend Data - Open a new browser and go to http://localhost:8080/api/est

4. (OPTIONAL) View Backend H2 Database - Open a new browser and go to http://localhost:8080/h2-console and click 'connect' - NO PASSWORD NECESSARY

Terminating the backend

• Ctrl+C in the backend terminal
• Terminate Process Directly
  1. Run jps in any terminal
  2. Locate process ID (e.g <PID> OkseeWebApplication)
  3. Terminate process kill <PID>