Safety Alert Hub

A neighborhood safety alert system with AI-powered Q&A capabilities. This application allows users to view and submit safety alerts for their local area and ask questions about existing alerts.

Features

• View safety alerts categorized by priority (high, medium, low)
• Submit new safety alerts
• Ask questions about existing alerts for more information
• Responsive design for all device sizes

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone <repository-url>
cd safety-alert-hub

2. Install dependencies

npm install
# or
yarn install

3. Start the development server

npm run dev
# or
yarn dev

4. Open your browser and navigate to http://localhost:8080

Backend Integration

By default, the application uses mock data. To connect to a real backend:

1. Start your Flask backend server on port 5000
2. The frontend will automatically connect to the backend at http://localhost:5000
3. If the backend is unavailable, it will gracefully fall back to mock data

Tech Stack

• React
• TypeScript
• Tailwind CSS
• shadcn/ui components
• React Query for data fetching