California's Informative Beach Website

Project Overview

California's Informative Beach Website is a cloud-based platform providing updated and accurate information about California beaches. Designed for tourists and residents, the website promotes environmental awareness while offering real-time beach data, including weather, tide conditions, nearby attractions, and safety alerts.

Contributors

• Josue Rivas
• Wayne Muse
• Ali Yassine
• Jainish Shah
• Andres Perez

Features

1. Real-Time Data: Live updates on weather, tide conditions, and water quality.
2. Personalized Experience: Track user preferences, favorites, and alerts.
3. Environmental Awareness: Highlights conservation efforts and coastal dangers.
4. Comprehensive Beach Information: Local wildlife, nearby points of interest, and more.

Technology Stack

1. Frontend: Developed using React.js for a responsive user interface.
2. Backend: Built with Node.js to handle API data processing and user management.
3. Database: Google Cloud SQL (MySQL) for storing user preferences and historical data.
4. Hosting: Google Compute Engine (GCE) for scalable backend hosting.
5. Deployment Automation: Google Deployment Manager for automated resource provisioning and version control.
6. Monitoring and Logging: Integrated with Google Cloud Monitoring and Logging for performance tracking.

Deployment Architecture

1. Frontend:
   • Hosted on a virtual machine in GCE.
   • Communicates with the backend using RESTful APIs.
2. Backend:
   • Hosted on a separate GCE instance.
   • Secured connectivity with Cloud SQL using IAM roles.
3. Database:
   • Cloud SQL handles user preferences, alerts, and archived data for trend analysis.

Project Goals

• Provide a one-stop platform for all beach-related information in California.
• Promote user engagement with personalized notifications and conservation updates.
• Ensure scalability and reliability with robust cloud infrastructure.

Setup and Usage

1. Clone the Repository:

git clone https://github.com/jainishshah0124/california-beach-website.git 

2. Install Dependencies:

bash
cd california-beach-website/frontend
npm install
cd ../backend
npm install

3. Run the Application:

• Frontend:

npm start

• Backend:

node server.js

Access the Website: Visit http://localhost:3000 for the frontend.