Skip to content
A web app that make beach information more available to the public and actively participate in local beach cleanup. Improve user experience thru better beach matching search results. This is our first group project of Columbia Engineering Full-Stack Web Development Class.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets adding min.js Dec 26, 2018
form
.gitignore Merge branch 'master' into jonathan Nov 17, 2018
README.md Update README.md Jun 27, 2019
index.html adding min.js Dec 26, 2018

README.md

Beach Lovers 2.0

Hacking the beach for good and beyond. This is our first group project of Columbia Engineering Coding Boot Camp.

Goal

To create a web app that make beach information more available to the public and actively participate in local beach cleanup To improve user experience thru better beach matching search results.

Functionality

The web app enables beach lovers to choose different criterias that provides real time information on the beach existing ammenities and if the beach has a clean-up event. Google Maps API integration will help beach goers correctly navigate to its exact destination.

Objective

Apply all the technologies learned up to current point in bootcamp to create an environmentally friendly, beach matching web application.

Implemented

Section Action
Opening Page Shows users find the beach to their liking
Beach Search Criteria Shows user beach search criteria
Beach Search Criteria Results Shows user let's go button and clean-up events
Google Maps Shows user location from point A to B with markers with user's exact location and beach location with travel route

Future Development

Feature Description
Log-in Allow users to log in in order to save their searches and favorite beaches
More powerful search Nationwide beach matching capability and clean-up events
Improve maps The map displayed in the search results will be fully interacive, without leaving the site
Most popular searches We will add a section at the bottom of the page that shows, not only the latest searches, but also the most searched beaches
One-button search The recent searches section will be interactive in order for the user to trigger a search for a specific beach with just one click

Built using:

  • html - Structure
  • Bootstrap
  • CSS - Styling
  • JavaScript
  • Ajax
  • jQuery
  • REST API
  • Particles JS
  • Google Maps API (Geolocation API, Maps JavaScript API, Google Maps Direction Service Route API)
  • California Coastal Commission API (Coastal Location, Clean-up Day Locations)

Authors

Jonathan Garcia

  • Creating Beach Criteria to users
  • Creating Beach Clean-up events to users
  • Dynamically generate search results
  • New library search criteria results implementation
  • Point-person to California Coastal Commission IT Department

Irene Bogues

  • First Page UX/UI Design
  • UX Researcher
  • Powerpoint Presentation
  • Preparing Google Maps dynamic integration with search results
  • Google Cloud Console Manager/ Google Maps
  • Manage Github Master Branch
You can’t perform that action at this time.