Seas It

A surfer's guide using React.js to find the best conditions in the top 4 beaches of Santa Cruz, California.

This app is designed for surfers to check the conditions of the beaches and to form a friendly surfing community in the Santa Cruz area. Surf users will be able to chat with fellow surfers on the page of the desired beach to find out who else is going, or any tips and updates about the area.

Technologies Used:

• React.js 15.6.1
• Express 4.15.4
• Socket.io 2.0.3
• Materialize.css
• jQuery
• Chart.js
• Nodemon
• HTML 5
• Heroku

Some of the top favorite beaches in Santa Cruz for surfing.

Chat Room for Surfers within each Beach Page

Features:

• socket.io : Chat room for surfers to keep updated with current conditions from other users and to ensure safety
  • connection still needs to be added
• SpitCast Website API : Surfing App with surfing areas around California
• Chart.js : Bar graph that uses SpitCast API to show current day's wave height

User Story:

• User will be able to an account
• User can have access to the 4 beaches
• User can chat under each beach page with fellow surfers

Installation:

• npm install to install dependencies
• mongod to run the database
• node server.js to run server
• localhost:3000 Seas-It!

Future Features:

• Have more charts and data about each beach
• Add more beaches
• Incorporate Google Maps API to show location of beaches
• Create User Profile
  • add surf buddies
  • users able to save beaches

Resources Used:

• www.spitcast.com
• ReactJS and Socket.IO Chat Application
• Kevin Chen