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.
- 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
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>
- Run
start.sh
script (initializes the backend and frontend)
$ ./OKSEE-FullStack
./start.sh
-
Open a new browser window and go to http://localhost:3000
-
(OPTIONAL) View Backend Data - Open a new browser and go to http://localhost:8080/api/est
-
(OPTIONAL) View Backend H2 Database - Open a new browser and go to http://localhost:8080/h2-console and click 'connect' - NO PASSWORD NECESSARY
Ctrl+C
in the backend terminal- Terminate Process Directly
- Run
jps
in any terminal - Locate process ID (e.g
<PID> OkseeWebApplication
) - Terminate process
kill <PID>
- Run